如何搭建一个自己的博客平台(github+hexo)

如何搭建一个自己的博客平台(github+hexo)

一、下载node.js

直接到node.js官网下载就可以了

二、下载cnpm

//得进入到管理员权限中,要不然权限不够
sudo su
//输入自己的密码就可以了
//然后查看自己node是否安装成功
node -v
npm -v
//利用npm下载cnpm
npm install -g cnpm 
//查看cnpm是否安装成功
cnpm -v

三、下载hexo博客框架

//利用cnpm来下载hexo框架
cnpm install -g hexo-cli
//验证hexo框架是否下载
hexo -v

四、搭建hexo博客

1.创建一个文件夹blog

mkdir blog

2.进入blog文件夹并且初始化一hexo博客

//1.进入blog
cd blog
//2.初始化hexo博客
sudo hexo init

3.初始化完成之后,那么就可以启动hexo博客进行预览了

//启动hexo博客
hexo s
//浏览器打开 http://localhost:4000/ 端口号就可以了

4.新建一篇博客

//1.新建一篇博客
hexo n "我的第一篇hexo博客"
//2.检测博客是否被创建
//查看当前路径
pwd 
//进入博客目录文件夹
cd source/_posts
//查看文件
ls -l

5.编辑空白博客

//如果大家熟悉md语法,就可以在终端直接编写博客
vim +博客的名字
//例如 vim 我的第一篇hexo博客
//如果大家不熟悉md语法,也可以使用其他可编辑md文件的快捷编辑器。例如:Typora等

6.生成hexo博客

cd ../..
//清理一下缓存
hexo clean
//然后生成hexo博客
hexo g

7.查看hexo博客内容是否更新

//启动博客
hexo s 
//浏览器输入端口号
//博客更新成功
//到目前为止,hexo博客本地部署就完成了,后期我们可以通过本地来测试和修改我们即将发布远端的博客

五、将本地的博客部署到远端github上面

1.创建自己的github仓库

仓库地址必须是xxxx.github.io,而且xxxx必须是和你的用户名一样的,否则访问不了。以后我们只需要访问这个地址就可以访问我们的博客了

2.安装一个hexo的git插件

cnpm install --save hexo-deployer-git

3.!!!!重点,配置_config.yml

//查看当前目录下的文件
ls
//配置_config.yml文件
vim _config.yml

//在配置文件的最底部deploy配置
//repo:替换成你自己的git仓库地址
deploy:
type: git
repo:https://github.com/mengfeng/mengfeng.github.io.git
branch:master

4.配置完成之后就可以部署了

hexo d

5.这时候可能会出现下面的问题(没问题可以省略)

出现这个问题的原因应该是你使用了github密码去部署了,应该使用密钥去部署,具体请看下面的博主介绍

创建自己的密钥部署

出现上图的结果,那么说明你的hexo博客已经部署到了github上面去了,访问 xxxx.github.io 就可以了。

六、替换博客主题

因为默认的主题可能没有长在博主的审美上,所以我们换一个好看一点的,自己喜欢的博客主题也是可以滴。

1.你可以在HEXO官网选择你喜欢的博客主题

2.替换博客主题

所有的博客主题都可以在blog/themes里面替换

//下载博客源码到themes文件中,用我用的博客主题举例吧
git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer
//修改_config.yml配置 ayer为博客主题的名字
theme:ayer
//想要更新博客的话只需要
cd themes/ayer
git pull
//最后重新部署就可以了
hexo clean && hexo g && hexo d

后期修改博客配置请看git仓库的配置介绍

Donate
  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
  • Copyrights © 2022-2023 alan_mf
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信