快速搭建个人免费Blog

可乐不冒泡泡
374 阅读3分钟

前言

一直想搭建一个个人blog,所以对教程进行了整理，并分享给大家。

GitHub

1. 从一个GitHub账号开始

我的方式是GitHub Pages + Hexo 搭建的。

所以你需要一个GitHub账号，当然GitHub是全球最大的同性交友网站（程序员）🤣，你还是值的拥有的。

2. Git仓库

新建github仓库，并且名称格式必须是：<用户名>.github.io，其他默认就好，然后点击创建。

用户名就是箭头所指的名字

3. 设置仓库github page

进入刚创建的仓库，点击上方的Settings,找到GitHub Pages

Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

1. 安装准备

安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序：

2. 安装

如果您的电脑中已经安装上述必备程序，那么恭喜您！接下来只需要使用 npm 即可完成 Hexo 的安装。

$ npm install -g hexo-cli

3.建站

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init Hexo
$ cd Hexo
$ npm install

当然，你可以把Hexo 换成你想要的任何名称，

4. 查看本地效果

到现在你的网站已经完成，不过只是本地的，可以先查看下效果：

$ hexo generate  
$ hexo server

执行上边命令，执行完即可登录 http://localhost:4000/ 查看效果

将博客部署到 Github Pages 上

到目前为止，我们的本地博客就成功搭建了，但是现在我们只能通过本地连接查看博客，我们要做的是让其他人也能够访问我们的博客，这就需要我们将博客部署到Github Pages上### 1. 配置SSH密钥

1. 配置SSH秘钥

配置秘钥是为了本地代码库和GitHub代码库同步. 先生成SSH秘钥：

$ ssh-keygen -t rsa -C "your email"
//引号里面填写你的邮箱地址，比如我的是576836877@qq.com

然后一路回车就可以了……

然后找到生成的公钥： 然后在/Users/<用户名>/.ssh/id_rsa.pub目录中找到id_rsa.pub,打开并复制内容。

或者使用命令复制内容：

$ clipcopy < ~/.ssh/id_rsa.pub

2. 在GitHub仓库中配置你的秘钥

进入你新建的<用户名>.github.io仓库中，在setting中找到

点击Add deploy key
把刚复制的公钥粘贴到key，标题随便，然后点击添加

3.验证是否配置成功

输入以下命令：注意：git@github.com不要做任何更改！

ssh -T git@github.com

然后显示

Hi wzgcoder/wzgcoder.github.io! You've successfully authenticated

表示配置成功。

将Hexo文件更新到GitHub中

  1. 进入GitHub，打开新建的仓库<用户名>.github.io,复制仓库ssh链接

  2. 打开你创建的 Hexo 文件夹，打开该文件夹下的 _config.yml 文件，找到deploy，修改：

    deploy:
  type: git
  repository: git@github.com:WangZGang/wangzhangang.github.io.git
  //这里更换成你的刚刚复制仓库SSH链接
  branch: master

然后保存。 3. 编译发布项目 运行一下命令：

```
$ hexo g  
$ hexo d
```
或者
```
$ hexo g -d
```
执行完之后会让你输入你的 Github 的账号和密码，如果此时报以下错误，说明你的 deployer 没有安装成功

```
ERROR Deployer not found: git
```
 
安装deployer:

```
npm install hexo-deployer-git --save
```
然后重新执行`hexo g -d`，你的博客就会部署到 Github 上了.
  1. 访问博客 你的博客地址：https://你的用户名.github.io，至此大功告成。

更换自己喜欢的Hexo主题

现在我们的blog已经搭建完成，如果默认主题不喜欢，可以去Hexo官网的主题专栏选择自己喜欢的主题进行更换。接下来就说说怎么更换主题吧。

  1. 找到自己喜欢的主题，进入它的github仓库，克隆到自己博客目录下的themes目录下,如：

    git clone https://github.com/theme-next/hexo-theme-next.git <你的博客目录>/themes/

    完成后，themes目录下会多出主题的文件夹

  2. 打开Hexo/_config.yml文件，找到themes，吧主题更换为自己刚clone的主图文件名称，如：

    # Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

  3. 设置主题 每个主题都有相关的配置的功能，在主题文件夹下的_config.yml文件中配置。如：主题的文案、配色等……

  4. 重新编译发布

    hexo clean
hexo -g d
avatar
文章
阅读
粉丝