搭建酷炫的个人博客

搭建酷炫免费的个人博客

我的博客地址：Ramona-Chen’s Blog

一、在Github上创建个人仓库

1、登录GitHub ，如果没有 GitHub 帐号，请自己注册GitHub 帐号。

2、登录成功之后，点击 GitHub 中的 New repository 创建新仓库，仓库名应该为：用户名.github.io 。这里用户名使用你的GitHub帐号名称代替，这是固定写法。

3、在Github上进行配置，以及SSH的配置，然后进行测试：

ssh -T git@github.com

• 出现如下图所示，即表示测试成功：

因为之前已经完成上边的所有步骤，所以在此不再赘述，如有不理解的地方可参考：https://mp.weixin.qq.com/s/uxt3NX760gdNN-xld7fmZA

二、Hero的安装及使用

1、Hero安装

npm install -g hexo-cli

2、初始化Hero博客

• 首先初始化

hexo init myBlog

• 进入所创建的文件夹myBlog下，运行：

hexo s

• 在浏览器输入如下网址查看：

localhost:4000

3、如果看到上述运行界面，说明初始博客搭建完成。

三、编写文章

1、接下来就可以编写文章了。首先进入文件夹myBlog下，创建博客文章，然后生成网页，并启动服务器预览。对应的命令如下：

hexo new "新建博客文章" #新建文章
1hexo generate #生成网页
1hexo server #启动服务预览

2、也可以把自己之前的以md为后缀名的文章放入文件夹myBlog/source/_post下，注意要在文章头加入（因为我是用Typora软件编写的文章，没有加配置报错）：

title: myFirstBlog
date: 2020-03-19 10:10:16

示例如下：

3、当编写完成后可以把文章部署到服务器上。

• 在部署前首先需要先配置一下本地myBlog文件夹下的_config.yml配置文件，可以先配置以下的基本信息：

url: https://cyh756085049.github.io  # github访问域名

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git  #将 Hexo 与 GitHub 进行关
  repo: https://github.com/cyh756085049/cyh756085049.github.io.git  # 自己的github地址
  branch: master  # guthub分支

• 关联好github之后直接运行hexo d会提示deploy not found: git，需要加加入如下指令：

npm install --save hexo-deployer-git

• 然后进行部署：

hexo d

4、部署成功之后输入你的域名浏览：

https://xxx.github.io

结果同本地测试运行结果一致，免费博客搭建完成。

四、优化Hexo博客界面

hexo 默认的主题比较简单，你可以在 Hexo主题模版进行主题的挑选更换。将下好的主题安放在themes文件夹内，同时在_config.yml中进行主题修改。

注意：

当文章编写完要重新上传时，需要执行以下命令更新：

hexo clean
hexo g
hexo d

我选择的主题，通过文档说明进行配置，也可以查看该作者Github上的详细文档说明进行配置即可得到如下效果：

参考：

1、五分钟学算法：https://mp.weixin.qq.com/s/uxt3NX760gdNN-xld7fmZA

2、hexo-theme-matery主题：https://github.com/blinkfox/hexo-theme-matery