Github部署Hexo&Hexoの初体验

声明

本文是写给自己看的,笔记,你懂吗? 如果存在误人子弟的情况,请见谅。
本文得益于同班同学非洲小白脸的指导教程 如果需要可以直接抄写他的作业

工具环境与仓库创建

搭建node.js和git环境, *github生成项目<用户名>.github.io. *(这项很重要)

新建文件

搭建node.js和git环境,这里我们把这个文件夹命名为blog,以下命令中提到的blog均指文件名。

npm install hexo-cli -g --registry=https://registry.npm.taobao.org
cd ../
hexo init blog      
cd blog
npm install hexo-deployer-git --save --registry=https://registry.npm.taobao.org
ssh-keygen -t rsa -C "<Github 注册邮箱>"   //此处三连

提取.ssh/id_rsa.pub 到github/settings/SSH keys 添加

git config --global user.name <Github 用户名>
git config --global user.email <Github 注册邮箱>

配置信息

编辑_config.yml

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: https://<Github 用户名>.github.io

文末添加

deploy:
  type: git
  repo: [email protected]:<Github 用户名>/<用户名.github.io.git>
  branch: master

检测链接性

ssh -T git@github.com

遇到yes/no 无脑选择yes就可以了

喂给github

hexo clean  //清理
hexo g -d  //生成推送
hexo s     //预览 
``` 


## 添加音乐

### 编辑_config.yml

aplayer:
meting: true

```
npm install aplayer --save --registry=https://registry.npm.taobao.org
hexo new page music //添加一个music的标签页

music page 文末添加

{% meting "<网易云歌单ID>" "netease" "playlist" "autoplay" "mutex:false" "listmaxheight:340px" "preload:none" "theme:#ad7a86"%}

aplayer参考资料

提高blog效率

使用hexo-offlineHexo-all-minifier来提升访问效率

编辑_config.yml

all_minifier: true
$ npm install hexo-all-minifier --save

编辑_config.yml

# offline config passed to sw-precache.
offline:
  maximumFileSizeToCacheInBytes: 5242880
  staticFileGlobs:
    - public/**/*.{js,html,css,png,jpg,gif,svg,eot,ttf,woff,woff2}
  stripPrefix: public
  verbose: true
$ npm i hexo-offline --save

给文章加密

npm install --save hexo-blog-encrypt

编辑_config.yml

encrypt:
    enable: true

这部分还没有完成 (我还没有实现..)

创建新的博文

hexo new <文件名>

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!