要么改变世界,要么适应世界

搭建Hexo博客并部署到码云

2020-02-22 21:51:00
402
目录

前言

我为什么要搭建博客?说实话我个人记忆力比较差,学过的东西经常会很快忘记,我自己又不爱做笔记,况且假如写在了笔记本上,笔记本又会被我弄丢,所以想到了把学过的东西记在博客上这种方法,但是我又不会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文件,请看这里

历史评论
开始评论