IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> hexo+github免费部署自己的博客 -> 正文阅读

[JavaScript知识库]hexo+github免费部署自己的博客

1.宝贝

首先上神器:fastgithub 双击运行即可

链接:https://pan.baidu.com/s/1TYdYwKR3qblrfD_bNZ9Nmw?
提取码:mone?

2.部署

部署参考文章

创建仓库

记得先初始化username.github.io(根据仓库的提示,初始化且创建分支main,上传,成功看到)

hexo部署到github参考

更改hexo博客主题参考

更换主题

1---去官网选择自己喜欢的主题? ?Themes | Hexo

主题更换参考

2---下载主题:?比如说喜欢shoka主题进入下载? themes/shoka表明下载位置

打开博客当前文件夹—— 打开git命令窗口 —— 输入下面命令——进入themes的shoka目录-----------------在_congif.yml中修改主题配置??修改配置参考? ? ? ? ?参考自己选的主题说明文档修改

?下载主题命令:git clone https://github.com/amehime/hexo-theme-shoka.git themes/shoka

更改导航栏菜单

在自己选的主题里面的_config.yml中修改menu属性

menu:
  home: / || home
  about: /about/ || user
  posts:
     default: / || feather
     archives: /archives/ || list-alt
     categories: /categories/ || th
     tags: /tags/ || tags
  # friends: /friends/ || heart
  # links: /links/ || magic

有些没有的页面比如关于则

(1)npm new page about

(2)则在根目录的source文件夹下有about about下md文件就是about内容

typora写文章

(1)图片问题处理

typora + hexo博客中插入图片__吟游诗人的博客-CSDN博客_hexo typora 图片

00---md 保存在source文件夹_posts下

01---图片偏好设置和格式好已经设置成功

02--成功显示

(2)博客编写

当然还有很多很多属性!

添加分类和标签

!!编写博客注意!!!在所有冒号后一定要空格!!!同一级别一定要对齐!!不然也报错!!

博客字数统计时长

字数和阅读时间配置??

配好上述后改主题配置的_config.yml

成功!

搜索实现

参考

搜索功能

搜索实现好文

根目录_config.yml配置

algolia:
  appId: 7A1BHXQJ75
  apiKey: d55ba860d072f5524abf6f23a13db838
  adminApiKey: 5aa8115dd00f8c8774b9e3b9a119ab5e
  chunkSize: 5000
  indexName: "hexo"
  fields:
    - title #必须配置
    - path #必须配置
    - categories #推荐配置
    - content:strip:truncate,0,2000
    - gallery
    - photos
    - tags

主题_config.yml配置

# Algolia Search
algolia_search:
  enable: true
  hits:
    per_page: 10
  labels:
    input_placeholder: Search for Posts
    hits_empty: "We didn't find any results for the search: ${query}"
    hits_stats: "${hits} results found in ${time} ms"

详细介绍点 但是没用。。

Hexo-Shoka主题功能介绍补充点 |ReverseSacle-Blog = 逆转天平 = 执着过去的人,无法迈向未来

Sign in | Algolia

气死气死,是自己改的webpack文件的static 应该为/ 就没问题了

评论实现

评论实现

卡住卡住主要是上面配置的?serverURLs!!!需要填写

?serverURLs: https://(appid前八位).api.lncldglobal.com? #记得去掉括号

当然,卡了方方面面才得以成功的。。太不容易了!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-09 18:14:27  更:2022-04-09 18:17:39 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 2:41:25-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码