搭建和萌樱曾经同款的 Hexo

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

有一说一,苏卡卡大佬的写的 DisqusJS 真的玩不来,萌樱太菜了。

演示地址:https://hexo.moesakura.world

设置代理

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

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

npm

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

Git

不建议用 socks5 协议,因为每次部署到 GitHub 的时候都要输入密码跟用户名

git config --global http.proxy "http://127.0.0.1:7890"
git config --global https.proxy "http://127.0.0.1:7890"

设置 Git / GitHub

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

安装

Hexo

npm install -g hexo-cli
hexo init
npm install hexo-deployer-git --save

主题

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 主题

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: suka

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

其他插件

Gulp

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 的食用方法可以看萌樱以前写的一篇文章。

hexo-filter-nofollow

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

打开 _config.yml 添加

nofollow:
  enable: true
  field: site
  exclude:
    - 'www.google.com'

必须排除 www.google.com ,不然主题的本地搜索不能用

hexo-generator-feed

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

打开 _config.yml 添加

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

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

打开 _config.yml 添加

sitemap:
  path: sitemap.xml

Hexo 食用方法

# 新建文章
hexo new post "文章标题"  
# 新建页面
hexo new page "页面标题"  
# 清除缓存
hexo clean  
# 生成页面
hexo g  

部署到 GitHub

  • 打开 GitHub 新建一个仓库

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

  • 打开 _config.yml 修改 deploy

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

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

hexo d

😋 Enjoy it !

最后修改:2020 年 02 月 26 日 11 : 09 AM

发表评论