如何搭建搭建基于Hexo的个人博客
本文最后更新于:2024年8月27日 上午
搭建我的博客
为什么
- 第一次看到博客是在我大一的时候,那时候还在做C的算法题,有些东西自己完全想不出来了,就去问度娘(那个时候还不会科学上网),看到了一个一个的有趣的网站,更巧的是,上面也有大部分的题解思路,我就想着自己能不能也有一个博客,来分享自己的写题经验和点,大家共勉。于是就在CSDN上发了几个自己的题解,发现好像还是跟某某大牛的不一样,他们都有自己的网站,还有打赏🙃。我以为是要学习如何做网站,如何传数据,才能做出一个像样的网站,才大一的我就放弃了(T~T)。
- 第二次灵感迸发是在昨天晚上的时候,看到我🐏哥的视频里有写手把手教你搭建自己的博客,就跟着🐏哥一步一步来,最后做成了一个Hello World的博客,哈哈哈,第一次只用了2个小时就完成了,太高兴了。废话不多说,下面给出方法(ps:如果不想看文章,可以去🐏哥b站看看)。
怎么做
- 去官网下载Node.js,传送门,下载安装。
- 打开命令行cmd,输入
node -v
,npm -v
来检查是否安装成功。 - 如果电脑上没有git,需要先去官网git下载 ,安装教程相关链接 ,然后配置好环境变量,和之前做Java的时候差不多,都是把git下的bin的路径找到,添加到系统变量,
e.g.C:\Program Files\Git\bin
。最后可以通过在命令行输入git
来检查是否安装成功。 - 安装hexo博客框架,在命令行输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
等待几分钟后,就欧克了,输入cnpm -v
检查 - 通过cnpm安装hexo,输入
cnpm install -g hexo-cli
会自行下载。输入hexo -v
检查。 - 在你需要建立的文件夹的文件路径那输入cmd(例如blog),在当前目录打开命令行。(这些都可以用命令行实现)接下来在命令行输入
hexo init
来初始化博客,等待几分钟。 - 可以去我的电脑查看生成的文件,启动博客本地端口localhost4000
hexo s
用来预览。 - 在命令行输入
hexo n “我的第一篇博客”
,进入source文件,你会看到我的第一篇博客.md的文件,用VScode打开,编辑保存退出。 - 在blog下打开命令行,输入
hexo -clean
,hexo g
,来生成。只是在本地启动。 - 通过github来将博客部署到远端。首先要有一个github账号,新建一个仓库,仓库名必须是:
用户名.github.io
- 回到命令行blog下,输入
cnpm install --save hexo-deployer-git
,会有一些warn,不用管。 - 在blog中找到_config.yml,用Notepad打开,翻到最底部,修改参数
type: git repo: https://github.com/你自己github账号/仓库名 branch: master
保存退出。 - 部署到远端,还是在blog文件下命令行,输入
hexo d
,部署完成。 - 可以通过username.github.io访问,别人也能看,自己也能看。每次修改都要上传的远端,实现同步,可能github比较慢。
- 这样一篇基本的博客就完成了,里面还有很多多西可以自己去设置,自己去挖掘。这里我就不说了。
- [更新于2020/4/3] 由于上次的博客搞得太花里胡哨,上传经常失败,而且加载特别慢,于是我又想重头再来了,找到了一篇史上最全搭建Hexo的博客,那真是手把手教的,不过在主题方面我纠结了许久,最终决定选择一个朴实无华的,结果这个太小众,动不动就出错(我没有怪作者的意思,是我看不懂英文😭),一连创建了5个blog文件,搞了整整12小时,才整出这给网站来,不容易哦,希望以后的编程之路不会使我头秃了。
干什么
- 当然是记录自己的coding之路啊,也可以在以后的面试中给面试官一个好印象。
- 也可以分享自己的题解或者学习的经验,对了,还有生活!
总结下
干任何事情都不能半途而废!谢谢大家的捧场!🤭🤭🤭
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!