萌樱の小窝

我永远喜欢樱.jpg

搭建和萌樱同款的 Hexo

MoeSakura's Avatar 2020-01-06

  1. 1. 设置代理
    1. 1.1. npm
    2. 1.2. Git
  2. 2. 设置 Git / GitHub
  3. 3. 安装
    1. 3.1. Hexo
    2. 3.2. 主题
    3. 3.3. 其他插件
  4. 4. Hexo 食用方法
  5. 5. 部署到 GitHub

有一说一,Hexo 真香。顺便安利一下苏卡卡大佬写的主题 Suka

设置代理

设置代理可以加快下载速度,没有或者不知道是什么的小伙伴可以跳到设置 Git / GitHub

萌樱的 http 代理端口是 7890 ,小伙伴们跟居自己的实际情况修改

npm

1
2
npm config set proxy=http://127.0.0.1:7890
npm config set https-proxy http://127.0.0.1:7890

Git

不建议用 socks5 协议,因为每次部署到 GitHub 的时候都要输入密码跟用户名
1
2
git config --global http.proxy "http://127.0.0.1:7890"
git config --global https.proxy "http://127.0.0.1:7890"

设置 Git / GitHub

1
2
3
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"
ssh-keygen -t rsa -C "GitHub 邮箱"

安装

Hexo

1
2
3
npm install -g hexo-cli
hexo init
npm install hexo-deployer-git --save

主题

1
2
3
4
cd themes
git clone https://github.com/SukkaW/hexo-theme-suka.git suka
cd suka
npm install --production
  • 打开主题文件夹,复制 _config.example.yml 重命名为 _config.yml

  • 打开主题文件夹中的 site_config.yml ,复制所有文本粘贴添加到 Hexo 文件夹的 _config.yml

  • 修改 site_config.yml 启用 Suka 主题

1
2
3
4
5
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
- theme: landscape
+ theme: suka

主题具体配置可以看 Suka 主题文档

其他插件

Gulp

1
2
npm install -g gulp
npm install gulp gulp-htmlclean gulp-htmlmin gulp-clean-css gulp-uglify-es gulp-imagemin del gulp-minify-inline-json --save-dev

Gulp 的食用方法可以看「用 Gulp 优化 Hexo

hexo-filter-nofollow

1
npm install hexo-filter-nofollow --save-dev

打开 _config.yml 添加

1
2
3
4
5
nofollow:
enable: true
field: site
exclude:
- 'www.google.com'
必须排除 www.google.com ,不然主题的本地搜索不能用

hexo-generator-feed

1
npm install hexo-generator-feed --save-dev

打开 _config.yml 添加

1
2
3
4
5
6
7
8
9
10
11
12
feed:
type: atom
path: atom.xml
limit: 20
hub:
content: true
content_limit: 140
content_limit_delim: ' '
order_by: -date
icon:
autodiscovery: true
template:

hexo-generator-seo-friendly-sitemap

1
npm install hexo-generator-seo-friendly-sitemap --save-dev

打开 _config.yml 添加

1
2
sitemap:
path: sitemap.xml

Hexo 食用方法

1
2
3
4
5
6
7
8
# 新建文章
hexo new post "文章标题"
# 新建页面
hexo new page "页面标题"
# 清除缓存
hexo clean
# 生成页面
hexo g

部署到 GitHub

  • 打开 GitHub 新建一个仓库

  • 仓库名称必须为 Github 用户名.github.io ,其他默认

  • 打开 _config.yml 修改 deploy

1
2
3
4
deploy:
type: 'git'
repository: https://github.com/Github 用户名/Github 用户名.github.io.git
branch: master

生成页面后,运行以下命令即可

1
hexo d

😋 Enjoy it !

本文作者 : MoeSakura
本文使用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议
本文链接 : https://moesakura.world/archives/hexo/

本文最后更新于 天前,文中所描述的信息可能已发生改变