如何搭建搭建基于Hexo的个人博客

本文最后更新于:2024年8月27日 上午

搭建我的博客

为什么

  1. 第一次看到博客是在我大一的时候,那时候还在做C的算法题,有些东西自己完全想不出来了,就去问度娘(那个时候还不会科学上网),看到了一个一个的有趣的网站,更巧的是,上面也有大部分的题解思路,我就想着自己能不能也有一个博客,来分享自己的写题经验和点,大家共勉。于是就在CSDN上发了几个自己的题解,发现好像还是跟某某大牛的不一样,他们都有自己的网站,还有打赏🙃。我以为是要学习如何做网站,如何传数据,才能做出一个像样的网站,才大一的我就放弃了(T~T)。
  2. 第二次灵感迸发是在昨天晚上的时候,看到我🐏哥的视频里有写手把手教你搭建自己的博客,就跟着🐏哥一步一步来,最后做成了一个Hello World的博客,哈哈哈,第一次只用了2个小时就完成了,太高兴了。废话不多说,下面给出方法(ps:如果不想看文章,可以去🐏哥b站看看)。

怎么做

  1. 去官网下载Node.js,传送门,下载安装。
  2. 打开命令行cmd,输入node -vnpm -v来检查是否安装成功。
  3. 如果电脑上没有git,需要先去官网git下载 ,安装教程相关链接 ,然后配置好环境变量,和之前做Java的时候差不多,都是把git下的bin的路径找到,添加到系统变量,e.g.C:\Program Files\Git\bin。最后可以通过在命令行输入git来检查是否安装成功。
  4. 安装hexo博客框架,在命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org等待几分钟后,就欧克了,输入cnpm -v检查
  5. 通过cnpm安装hexo,输入cnpm install -g hexo-cli会自行下载。输入hexo -v检查。
  6. 在你需要建立的文件夹的文件路径那输入cmd(例如blog),在当前目录打开命令行。(这些都可以用命令行实现)接下来在命令行输入hexo init来初始化博客,等待几分钟。
  7. 可以去我的电脑查看生成的文件,启动博客本地端口localhost4000hexo s用来预览。
  8. 在命令行输入hexo n “我的第一篇博客”,进入source文件,你会看到我的第一篇博客.md的文件,用VScode打开,编辑保存退出。
  9. 在blog下打开命令行,输入hexo -cleanhexo g,来生成。只是在本地启动。
  10. 通过github来将博客部署到远端。首先要有一个github账号,新建一个仓库,仓库名必须是: 用户名.github.io
  11. 回到命令行blog下,输入cnpm install --save hexo-deployer-git,会有一些warn,不用管。
  12. 在blog中找到_config.yml,用Notepad打开,翻到最底部,修改参数type: git repo: https://github.com/你自己github账号/仓库名 branch: master 保存退出。
  13. 部署到远端,还是在blog文件下命令行,输入hexo d,部署完成。
  14. 可以通过username.github.io访问,别人也能看,自己也能看。每次修改都要上传的远端,实现同步,可能github比较慢。
  15. 这样一篇基本的博客就完成了,里面还有很多多西可以自己去设置,自己去挖掘。这里我就不说了。
  16. [更新于2020/4/3] 由于上次的博客搞得太花里胡哨,上传经常失败,而且加载特别慢,于是我又想重头再来了,找到了一篇史上最全搭建Hexo的博客,那真是手把手教的,不过在主题方面我纠结了许久,最终决定选择一个朴实无华的,结果这个太小众,动不动就出错(我没有怪作者的意思,是我看不懂英文😭),一连创建了5个blog文件,搞了整整12小时,才整出这给网站来,不容易哦,希望以后的编程之路不会使我头秃了。

干什么

  1. 当然是记录自己的coding之路啊,也可以在以后的面试中给面试官一个好印象。
  2. 也可以分享自己的题解或者学习的经验,对了,还有生活!

总结下

干任何事情都不能半途而废!谢谢大家的捧场!🤭🤭🤭


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