Hexo-themes-butterfly主题的安装及配置 官方配置教程：Butterfly 安裝文檔(一) 快速開始 安装 进入Hexo博客根目录 下载主题 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 启用主题，将根目录_config.yml文件主题部分设置为butterfly theme: butterfly 安装插件 npm install hexo-renderer-pug hexo-renderer-stylus --save 将themes/butterfly/_config.yml文件复制到在Hexo博客根目录并改名为_config.butterfly.yml cp themes/butterfly/_config.yml _config.butterfly.yml 配置 详情参考官方教程，需要注意有些功能要安装额外的插件。 Math数学 启用KaTex时，需要卸载和安装以下插件 npm un hexo-renderer-marked --save # 如果有安裝這個的話，卸載 npm un hexo-renderer-kramed --save # 如果有安裝這個的話，卸載 npm i hexo-renderer-markdown-it --save # 需要安裝這個渲染插件 npm install katex @renbaoshuo/markdown-it-katex #需要安裝這個katex插件 在Hexo根目录的_config.yml中配置如下信息 markdown: plugins: - '@renbaoshuo/markdown-it-katex' 字数统计 进入Hexo根目录，安装以下插件 npm install hexo-wordcount --save 修改主题配置文件 wordcount: enable: true post_wordcount: true min2read: true total_wordcount: true

使用Hexo搭建博客 1 准备阶段 安装node.js 下载地址：https://nodejs.org/en 查看版本：node -v以及npm -v 国内安装cnpm，使用淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org 安装hexo框架 cnpm install -g hexo-cli 2 初始化博客并测试 打开终端，在当前文件夹新建myblogs文件夹用于存储博客所有相关内容 mkdir myblogs 进入myblogs文件夹，之后所有的操作都在该文件下进行 cd myblogs 初始化博客 hexo init 生成博客静态网页文件 hexo g 启动本地博客进行测试，启动后本地访问地址http://localhost:4000/，使用Ctrl+C终止 hexo s 3 新建博客文档 新建博客文档，将"blog name"替换为需要的博客名称 hexo n "blog name" 在source/_posts文件夹下出现以"blog name"命名的.md文件，使用Vim等修改博客内容，博客使用Markdown语法书写 重新生成静态网页文件 hexo g 4 更换主题 可在主题界面挑选喜欢的主题类型，所有主题更换方式类似，此处以yilia主题为例。首先下载主题 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 修改_config.yml文件中theme内容为yilia，默认内容为landscape 变更主题后，生成博客前需要先清除缓存 hexo clean 重新生成 hexo g 5 部署至GitHub 5.1 安装插件 在myblogs文件夹安装git部署插件 cnpm install --save hexo-deployer-git 5.2 添加SSH密钥 生成SSH密钥，其中"your_email@example.com"为你的GitHub账号电子邮件地址 ssh-keygen -t rsa -b 4096 -C "your_email@example.com" 复制刚生成的.ssh/id_rsa.pub文件中的所用内容，进入GitHub设置界面->SSH and GPG keys -> New SSH key，将复制的内容粘贴进去，Title任意 输入下面第一行代码，若提示第二行的内容，则表示配置成功 ssh -T git@github.com Hi YourGitHubName! You've successfully authenticated, but GitHub does not provide shell access. 5.3 配置部署信息 在GitHub创建一个仓库名为"YourGitHubName.github.io"，其中YourGitHubName为GitHub的账号名 配置_config.yml文件，该文件在当前文件夹下，将Deployment内容修改成如下形式，注意将YourGitHubName替换为GitHub的账号名 # Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: git repo: git@github.com:YourGitHubName/YourGitHubName.github.io.git branch: master 将博客部署至GitHub仓库 hexo d 5.4 添加域名 前往阿里云等网站注册一个域名，如xxx.cn 修改_config.yml文件中url内容为https://xxx.cn 在source/文件夹下创建没有后缀的CNAME文件，写入xxx.cn 前往GitHub仓库，找到Settings -> Pages -> Custom domain，填入xxx.cn 前往域名注册网站，进入域名控制台，选择刚购买的域名，点击解析进入解析界面，增加两条如下 点击添加记录，记录类型选择CNAME，记录值填写YourGitHubName.github.io.git，点击确认 点击添加记录，记录类型选择CNAME，主机记录填写www，记录值填写YourGitHubName.github.io.git，点击确认 至此，域名添加完成