搭建Hexo博客并部署到码云
前言
我为什么要搭建博客?说实话我个人记忆力比较差,学过的东西经常会很快忘记,我自己又不爱做笔记,况且假如写在了笔记本上,笔记本又会被我弄丢,所以想到了把学过的东西记在博客上这种方法,但是我又不会web开发,刚好在别的地方了解到有hexo等的开源博客框架,心血来潮,趁着放寒假的时间就搭建了起来。
下载安装Node.js
从官网下载安装,安装完毕后在终端输入
node -v
假如出现版本号则说明安装成功,否则需要手动在系统的环境变量下的Path的值中添加node的安装路径。
安装Git
这个步骤应该不难,网上的教程实在是太多太详细了。
安装hexo相关文件:
在一个你喜欢的地方,新建一个文件夹,最好这个路径不要包含中文路径,在cmd窗口输入
npm install hexo-cli -g
初始化博客文件夹:
hexo init blog
进入博客文件夹:
cd blog
安装插件:
npm install
新建一篇文章命令:
hexo new "My New Post"
启动服务预览
hexo server
然后在本地浏览器输入 http://localhost:4000/ ,如果一切顺利,那么就可以出现你的博客了。
部署到第三方平台
当然了,我们自己的博客不仅仅是想让自己看,还想着通过网络,让更多的人看到,我们就可以借助第三方平台的page服务来展示我们的静态网站了,你可以通过GitHub,码云,coding等,我这里用来码云。
新建仓库
注册好码云后,新建一个仓库,将仓库的地址(可以是HTTPS形式的,也可以是SSH形式的,我的是https)复制,打开博客文件夹下的_config.yml文件(theme/theme_name/下也有一个,不要混淆),将刚刚复制好的地址粘贴到gitee的值,并在后面加上master分支:
deploy:
type: git
repo:
gitee: https://gitee.com/xxxxx/xxxx.git,master
与远程仓库连接
在刚刚打开的文件夹中打开cmd终端,输入下面命令:
git config --global user.name空格+你的码云的名字
git config --global user.email空格+你的码云绑定的邮箱
安装Git部署插件
npm install hexo-deployer-git --save
部署
生成静态网页
hexo g
推送到远端
hexo d
接着到码云平台,打开你刚刚建好的仓库,如果仓库里边出现新的东西,说明部署成功了,接着我们依次点击 服务->gite pages -> 开启,然后打开平台给我们的网址,就可以访问我们的博客啦!
后期可以通过更换主题来增加美观度,主题可以在hexo官网下载,也可以在GitHub下载,下载后在博客目录下的配置文件_config.yml中修改主题的名字
## Themes: https://hexo.io/themes/
theme: # your theme name
并将你下载的主题文件夹放到博客目录下的themes文件夹中就可以了。
部署完毕,那我们如何编写文章?用普通文本编辑器?用HTML文件编写?其实,最方便的是使用.md文件编写,关于如何使用.md文件,请看这里
本文由「黄阿信」创作,创作不易,请多支持。
如果您觉得本文写得不错,那就点一下「赞赏」请我喝杯咖啡~
商业转载请联系作者获得授权,非商业转载请附上原文出处及本链接。
关注公众号,获取最新动态!