美文网首页
通过Git搭建Hexo博客【良心总结】

通过Git搭建Hexo博客【良心总结】

作者: Du1in9 | 来源:发表于2020-05-02 18:27 被阅读0次

0x01 配置Node.js环境

https://nodejs.org/dist/v12.16.3/node-v12.16.3-x64.msi

安装好后命令行node -v和npm -v,若如图则安装成功

0x02 配置Git环境

https://link.jianshu.com/?t=https://github.com/git-for-windows/git/releases/download/v2.6.3.windows.1/Git-2.6.3-64-bit.exe

PATH选项选这个

安装好后命令行git --version,若如图则安装成功

0x03 新建仓库

打开https://github.com/登录,点击页面右上角的加号,选择New repository新建仓库

点击Settings,来到Github Pages,点击source--master branch,刷新即可

0x04 配置Hexo

在本地建一个文件夹,cd到目录,npm install -g hexo-cli安装,hexo -v查看版本

hexo init myblog初始化

cd到myblog文件夹,npm install安装组件

node_modules: 依赖包

scaffolds:生成文章的模板

source:存放文章

themes:主题

 _config.yml: 配置文件

0x05 初次体验Hexo

输入hexo g

输入hexo s

访问http://localhost:4000/看一下效果

0x06 使用Hexo

①添加ssh-keygen.exe所在文件夹的环境变量,一般在Git\usr\bin,否则后面会报错

配置身份信息

git config --global user.name "yourname"

git config --global user.email "youremail"

连接公钥,ssh-keygen -t rsa -C "youremail",然后输入密码

查看是否成功,ssh -T git@github.com

修改配置文件_config.yml,将hexo和GitHub关联起来

deploy:

  type: git

  repo: git@github.com:yourname/yourname.github.io.git

  branch: master

②写文章

在source\_posts文件夹里,随便写一篇文章

安装deploy-git部署命令,npm install hexo-deployer-git --save

清除之前生成的东西,hexo clean

生成静态文章,hexo g

部署文章,hexo d

访问https://yourname.github.io/看一下效果

③更换主题

官网主题: https://hexo.io/themes/,下载后解压放到themes文件夹

这里以主题hexo-theme-yilia-plus为例,在_config.yml里修改theme属性

hexo clean,hexo g,hexo d,看一下效果

在主题文件夹里修改_config.yml,让它更美观

hexo g,hexo d,看一下效果

④文章加密

安装插件:npm install --save hexo-blog-encrypt

快速使用:

高级设置:

⑤RSS订阅

安装rss插件 ,npm install hexo-generator-feed

配置_config.yml文件,启用插件

生成RSS订阅文件,hexo g& hexo d

⑥插入本地图片

npm install https://github.com/CodeFalling/hexo-asset-img --save

配置_config.yml文件:

然后新建一篇文章,这样同时会创建一个名为ceshi的文件夹,将你要插入文章的图片放入这个文件夹即可,图片名随意,例如图片test.jpg

在文章中需要插入图片的地方输入:![](ceshi/test.jpg)即可

⑦幻灯片

https://blog.csdn.net/weixin_42073018/article/details/89600035

⑧插入哔哩哔哩视频

npm i hexo-tag-bili --save

添加文章标签:{% bili video_id %} 或 {% bili video_id page %} 即可


hexo加载慢怎么办:https://www.jianshu.com/p/9c087e19df3c

相关文章

网友评论

      本文标题:通过Git搭建Hexo博客【良心总结】

      本文链接:https://www.haomeiwen.com/subject/nrxlghtx.html