美文网首页
通过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