Hexo搭建个人博客

  1. 搭建环境准备
    1. 1. Node.js 的安装和准备
    2. 2. git的安装和准备
    3. 3. hexo的安装和准备
    4. 4. 将博客部署到GitHub上
    5. 自此,完结撒花!!!吃饭吃饭

搭建环境准备

1. Node.js 的安装和准备

Node.js的官网下载链接

2. git的安装和准备

Git的官网下载链接

因为时隔太久,先贴上需要的软件官网下载链接,后续再整理相关环境安装和配置,手写狗头保命!
今天的重要部分来了,我已经默认环境搭配好了,大家先看看最后效果,大佬勿喷!

3. hexo的安装和准备

  1. 用npm全局安装cnpm
    npm install -g cnpm --registry=http://registry.npm.taobao.org

  2. 用cnpm全局安装hexo(好吧,其实是国内安装比较快,cnpm是淘宝的)
    cnpm install -g hexo-cli

  3. hexo -v 查看hexo是否安装成功及hexo版本

  4. 自己新建一个文件夹后
    hexo init blog 初始化博客

    出现 INFO Start blogging with Hexo!表示博客初始化成功!

  5. 进入博客目录,打开cmd,然后hexo s开启博客

  6. 博客启动成功

  7. 进入博客目录,新建一篇博客文章 hexo n “我的第一篇博客文章”
    新建博客文章在主目录文件夹下\source_posts文件夹里面

  8. 打开我的第一篇博客文章.md,使用Markdown语法进行编写,Ctrl+s进行保存

  9. hexo clean 清理一下

  10. 重新生成 hexo g

  11. 重新hexo s开启博客

至此,博客就在本地搭建好了,接下来就是部署到GitHub上,让其他人也可以访问

4. 将博客部署到GitHub上

  1. 安装git部署插件
    cnpm install --save hexo-deployer-git

    warning可忽略不管

  2. 关键:设置_config.yml文件

  3. 到文件最底部有个Deployment配置,配置相关信息

  4. 部署到远端上
    hexo d

    中间需要输入github账户名和密码:

  5. github上生成

  6. 访问博客链接

  7. 可以更换自己喜欢的主题 链接在此:https://hexo.io/themes/

  8. 具体安装主题步骤见各个作者github教程
    如:安装3-hexo主题
    git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo


  9. 清理一下
    hexo clean

  10. 重新生成
    hexo g

  11. 重新hexo s开启博客

  12. 重新部署到远端上
    hexo d

自此,完结撒花!!!吃饭吃饭

最后放出一些大佬相关资料链接:

  1. hexo+github搭建个人博客:
    https://blog.csdn.net/shouldnotappearcalm/article/details/79185982
  2. hexo主题—自定义样式:
    https://blog.csdn.net/qq_42595443/article/details/82263318
  3. Hexo+Github构建个人博客 (五):错误集
    https://blog.csdn.net/arvin0/article/details/71338667

明天见,预告:更新文章
Vue中的插槽使用


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 541143263@qq.com

文章标题:Hexo搭建个人博客

文章字数:615

本文作者:MK

发布时间:2020-06-09, 16:09:26

最后更新:2020-06-09, 18:14:45

原始链接:http://yoursite.com/2020/06/09/Hexo搭建个人博客/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏