抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

CodingStudio

努力进步

引言

Hexo个人博客搭建过程笔记


1 安装Nodejs

1
2
3
4
5
6
7
8
node -v 
npm -v
npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm -v
cnpm install -g hexo-cli
hexo -v
mkdir blog
cd blog

2 博客创建

1
2
3
4
5
6
hexo init
hexo s
hexo clean #清理
hexo g
#Github创建一个新的仓库 YourGithubName.github.io
cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件

3 配置 _config.yml

1
2
3
4
deploy:  
type: git
repo: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: master

4 部署

1
hexo d 

5 后续操作

1
2
3
hexo c #清理一下  
hexo g #生成
hexo d #部署到远程Github仓库

6 替换渲染引擎

1
2
3
4
cd hexo-blog.github.io/ # 首先进入你的 hexo 的根目录
npm un hexo-renderer-marked --save # 卸载 hexo 默认的 markdown 渲染引擎
npm i hexo-renderer-markdown-it --save # 安装 markdown-it
npm i hexo-renderer-markdown-it-plus --save # 安装 markdown-it-plus

7 修复图片无法显示

1
npm install <https://github.com/CodeFalling/hexo-asset-image> --save

8 搜索

1
npm i -S hexo-generator-json-content

9 公式

1
npm install hexo-math --save

10 升级Hexo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
# 使用淘宝源的 cnpm 替换 npm
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 升级 npm
cnpm install -g cnpm

# 清除 npm 缓存
cnpm cache clean -f

# 更新 hexo: 进入 blog 目录,执行如下命令
# 更新 package.json 中的 hexo 及个插件版本

# 检查之前安装的插件,都有哪些是可以升级的
cnpm install -g npm-check

# 升级系统中的插件
cnpm install -g npm-upgrade

npm-check
npm-upgrade

# 更新 hexo 及所有插件
cnpm update

# 确认 hexo 已经更新
hexo -v

11 删除历史提交版本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 创建并切换到lastest_branch分支
git checkout --orphan latest_branch

# 添加所有文件
git add -A

# 提交更改
git commit -am "delete history and init"

# 删除分支
git branch -D master

# 将当前分支重命名
git branch -m master

# 强制更新存储库
git push -f origin master

其他

1
2
npm i hexo-helper-qrcode
npm i --save hexo-wordcount

评论