how2buildBlog

发表于 更新于 分类于

搭建好博客，记录搭建过程：

搭建博客：

博客搭建基于【Github+hexo】模式；用的是hexo的next的模板。

准备工具：

1.git

2.hexo

3.github

4.nodejs

准备工作：

1.首先是在GitHub上创建一个仓库，仓库名称需为：名称.github.io

名称最好是和仓库名相同，这样方便索引：

image-20210827182643655

像这样即可

2.然后需要先安装git（熟悉Windows的可以直接用cmd）；然后下载nodejs，用node -v进行检查是否安装成功；然后安装npm install hexo -g用命令：hexo -v查看是否安装成功；之后需要安装hexo的一系列的以来文件nmp install hexo-deployer-git --save,这里需要注意的是—save的位置可以放到install那里，这个看个人情况。

3.这里最后需要配置SSH KEY，相当于一个身份验证：

通过git，输入命令：cd ~/.ssh进入ssh文件——->通过命令cat id_rsa.pub查看密钥，然后在github的设置里：

image-20210827183729815

将刚刚的一大串直接复制进去，这样就可以了

用ssh -T git@github.com检验是否成功

成功用

1
2
$ git config --global user.name "liyunchen" #你的github用户名
$ git config --global user.email "xxx@163.com" #填写你的github注册邮箱

命令来设置邮箱和用户名

开始搭建：

1.在一个较大的盘里新建文件夹，取一个洋文名字防止出灵异事件

2.git bash here，在该目录下打开git

3.

1
2
1.hexo init
#初始化hexo，此时目录下多了一堆文件

事先在https://hexo.io/themes/里下载好主题，将主题文件夹拖进【themes】文件夹然后回到主目录，用记事本打开主目录里的_config.yml文件，划到最后，找到themes：

image-20210827184605759

这里标黄的是要改成自己的仓库，下面的branch根据实际情况决定是main还是master。

themes后面跟的是主题的文件夹的名字，注意空格，千万不能少

4.

1
2
3
1.hexo s#在本机生成一个预览可以看到效果
2.hexo g#生成html界面
3.hexo d#部署到github

此时就可以看到自己的博客的初始状态，也就搭建基本完毕了

完善博客：

搭建好之后需要完善成人类友好的界面（next为例子）

1.首页风格：

找到你下载的主题里的_config.yml文件（没错，主题里面也有）

找到：

1
2
3
4
5
6
7
8
9
//这里是四种风格，选一个喜欢的去掉前面的井号
# Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini
//这里是模式，亮还是暗
# Dark Mode
darkmode: true
1
2
3
4
5
6
7
8
9
10
//这里是菜单设置，去掉喜欢的前面的#
menu:
  home: / || home                          //首页
  archives: /archives/ || archive          //归档
  categories: /categories/ || th           //分类
  tags: /tags/ || tags                     //标签
  about: /about/ || user                   //关于
  #schedule: /schedule/ || calendar        //日程表
  #sitemap: /sitemap.xml || sitemap        //站点地图
  #commonweal: /404/ || heartbeat          //公益404
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//侧栏设置，看好适用风格
# Sidebar Position - 侧栏位置（只对Pisces | Gemini两种风格有效）
  position: left        //靠左放置
  #position: right      //靠右放置

# Sidebar Display - 侧栏显示时机（只对Muse | Mist两种风格有效）
  #display: post        //默认行为，在文章页面（拥有目录列表）时显示
  display: always       //在所有页面中都显示
  #display: hide        //在所有页面中都隐藏（可以手动展开）
  #display: remove      //完全移除

  offset: 12            //文章间距（只对Pisces | Gemini两种风格有效）

  b2t: false            //返回顶部按钮（只对Pisces | Gemini两种风格有效）

  scrollpercent: true   //返回顶部按钮的百分比
1
2
3
//头像设置，将头像设为header.jpg，然后拖到themes\hexo-theme-next\source\images目录下
# Sidebar Avatar
avatar: /images/header.jpg

2.语言文字：

打开主目录的_config.yml文件，开头就是这几个，后面的内容自己写写，注意空格

1
2
3
4
5
6
7
8
# Site
title: R-o-o-t-k-i-t
subtitle: ''
description: 自由，平等，公正，法制
keywords: rootkit，+-*/
author: rootkit/+-*
language: zh-CN
timezone: ''#网站时区（Hexo 默认使用您电脑的时区，不用写）

效果图：

image-20210827190155039

上传日志：

在该文件夹里通过git或者cmd使用命令hexo new '#######',就会在sources目录里生成一个#####.md文件，然后正常写点东西（在下面的正文部分，上面的灰色框是自带的）

写完之后通过命令hexo g和hexo d来上传

这样就完成了上面的效果。