3

如何搭建个人博客?

这是我的个人网站: www.weaci.cn

准备

需要做到以下三点:

1.安装git


如果官方网速太慢的话,也可以移步百度云镜像
下载安装即可。
安装完毕之后,如果你的菜单里出现了git bash(一个类似于命令行窗口的东西)的话,那么恭喜你,你已经成功安装啦!

安装完毕后,我们先不要着急,在窗口分别输入以后两行代码:

 $ git config --global user.name "你的账号名" 

 $ git config --global user.email "你的邮箱名" 

这样,你的gitbash就能连接到你的远程git上啦。

2.[安装node.js]()


node -v

查看是否安装node.js成功

3.安装hexo


我们可以通过执行以下命令来

 npm install -g hexo

或者可以用Facebook的包管理工具yarn来执行

  npm install -g yarn 

比较坑爹的是yarn也需要通过npm来安装

 hexo -v

查看是否安装成功

cd进入一个空的文件夹,执行:

hexo init

初始化命令,执行后在本地可以看到一些文件,到了这步,建立博客所有需要的文件都已经准备好了

怎么样,是不是已将迫不及待了呢试着在输入

hexo server 

或者简写成:

 hexo s

打开你的浏览器输入http://localhost:4000 就可以看到属于你的第一个个人博客了。

配置github


建立Repository

建立与你用户名对应的仓库,仓库名为username.github.io

打开hexo文件夹里的_config.yml

vim _config.yml

翻到最下面,将代码改成:

deploy:

 type: git

 repo: https://github.com/username/username.github.io

 branch: master

然后执行命令:

npm install hexo-deployer-git --save

在你对博客进行修改后可以通过执行:

hexo clean

清理缓存

hexo generate

生成静态网页

hexo deploy

提交

可以简写成:

hexo g -d

现在我们就可以通过username.github.io来访问你的博客啦。

hexo主题


Hexo 有两份主要的配置文件(_config.yml),一份位于站点根目录下,另一份位于主题目录下。为了描述方便,在以下说明中,将前者称为 站点配置文件,后者称为 主题配置文件。

Hexo 安装主题的方式非常简单,只需要将主题文件放置于站点目录的 themes 目录下,然后修改下配置文件即可。具体到 NexT 来说,安装步骤如下。

下载 NexT 主题:

  • 进入博客根目录/themes/, 执行

    $git clone https://github.com/iissnan/he...

  • 或者直接进入上面的链接,在项目主页download zip文件,然后解压到博客根目录/themes/ 文件夹

启用主题


克隆/下载 完成后,打开 站点配置文件,找到 theme 字段,并将其值更改为 next 。

验证主题是否启用

运行 hexo s --debug ,并访问 http://localhost:4000 ,确保站点正确运行。

绑定域名


如果有自己的域名的话,我们可以直接通过域名来上你的个人博客,如果没有的话可以到腾讯云上购买一个,现在最低只要一块钱。

在你的博客根目录/_config.yml下修改

# Site
title: myblog # 博客名
subtitle: it is my blog # 副标题
description:  # 站点描述
author:  # 作者名
language: zh-Hans # 语言设置
timezone: 


# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: yoursite # 博客所要绑定的域名,没有则不填
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

  • 添加CNAME:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名

  • 点击添加解析,记录类型选A或CNAME,A记录的记录值就是ip地址,github(官方文档)提供了两个IP地址,192.30.252.153和192.30.252.154,这两个IP地址为github的服务器地址,两个都要填上,解析记录设置两个www和@,线路就默认就行了,CNAME记录值填你的github博客网址:username.github.io

提交到百度


打开百度搜索 site:your site

点击提交网址,设置好站点属性之后,我们选择第三种验证方式CNAME验证

第一步:你要有自己的域名并使用CNAME解析

第二步:如图添加一条新的CNAME解析:记录类型是CNAME,主机记录是百度给你的一串字符,记录值是ziyuan.baidu.com,其他默认

好了,到这里我们就大功告成了,如有不足,请不吝指出,谢谢


俗世文人
20 声望6 粉丝