Github博客-Hexo框架

Github博客-Hexo框架

介绍

    博客的文章主要使用MarkDown文档格式

个人博客分为静态与动态两种：

静态博客	动态博客
方便快捷	有前端与后端之分，动态管理，用户管理，功能基本完善

因为考虑但方便快捷问题，选择了与朋友相同的静态博客

搭建初始化博客

下载安装git

• 打开git的官方网站–https://git-scm.com/
• 下载并安装git
• 设置git身份

git config --global user.email "you@example.com" git config --global user.name "Your Name"

下载安装Node.js

• 打开Nodejs的官方网站–https://nodejs.org/
• 下载并安装LTS长期支持版本
• 打开命令窗口（Win+R）并输入代码查看是否安装成功node -v和npm -v

安装Hexo博客框架

• 因为国内镜像源延迟问题，安装中国的CNMP（-g为全局安装）
  npm install -g cnpm --registry=https://registry.npm.taobao.org
• 检查是否安装成功cnpm -v
• 接下来安装hexo博客框架cnpm install -g hexo-cli
• 检查是否安装成功hexo -v

初始化博客

• 建立自己的博客文件夹（如果后期想删除直接删除该文件夹就行）
• CMD指向该目录，并执行语句hexo init初始化博客

如果出现下面代码说明没有安装git

INFO Cloning hexo-starter https://github.com/hexojs/hexo-starter.git 'git' 不是内部或外部命令，也不是可运行的程序或批处理文件。 WARN git clone failed. Copying data instead WARN Failed to install dependencies. Please run 'npm install' manually!

• 启动博客hexo server就会出现实例地址http://localhost:4000/

网络部署git插件

• 在命令行窗口选择到博客根目录
• 安装git部署插件：执行语句cnpm install --save hexo-deployer-git
• 设置目录下的_config.yml文件（站点配置文件）冒号后一定空格

deploy:
type: git
#repository: git@git.coding.net:xxx/xxx.coding.me.git       
repo: https://github.com/xxx/xxx.github.io.git
branch: master

• 开始上传代码hexo deploy

多仓库部署

deploy:
  type: git
  repo: 
    github: https://github.com/XXX/XXX.git
    coding: https://e.coding.net/XXX/XXX.git
  branch: master

网络部署常见问题

密码输入错误：进入Windows的控制面板，打开凭据管理器，选择Windows凭据，更改账号密码

GitHub仓库名称：用户名.github.io

Coding仓库名称

装饰我的博客

修改主题

搜索或者在Hexo主题官网挑选主题-https://hexo.io/themes/
      打开主题介绍，根据介绍安装必须插件，执行安装操作（一般是克隆git，修改配置文件）
  我使用的主题是

cd themes
git clone https://github.com/ZHD99/hexo-theme-dearmsdan.git dearmsdan

结构化自己的页面

博客页面结构目录位置:

修改主程序的_config.yml文件

theme: dearmsdan

修改代码显示格式

一个比较美观的代码块样式：
  在head头标签内链接css样式
link rel=“stylesheet” href=“https://oindk07nf.qnssl.com/atom-one-dark.css” media=“screen” type=“text/css”

{% codeblock lang:js%}
代码块
{% endcodeblock %}

插件的添加

       在网络中搜索插件并根据说明进行安装   来必力、畅言   cnzz、百度统计。在最后的页脚进行部署

【hexo】hexo博客部署到github

一、在github上创建仓库

首先注册一个github账号，注册时填写的username要谨慎

1.创建一个Repository，名称规则为：

username.github.io

** 2.编辑hexo/config.yml文件如下：**

deploy:
  type: git
  repository: https://github.com/Chocolate-Lee/Chocolate-Lee.github.io.git
  branch: master

二、为github设置SSH Keys

**1.检查极其上是否已经存在id_rsa.pub文件** ``` ls -al ~/.ssh ``` **2.不存在的话使其生成**

ssh-keygen -t rsa -C "xxxxxx@xxx.com"

一路回车就可以了

** 3.赋值id_rsa.pub文件内容，在github的settings中，点选SSH keys，添加一个key，将内容粘贴进去。**

4.测试是否添加成功，在刚刚的机器上输入

ssh -T git@github.com

三、部署到github上

**1.在hexo中分别进行生成，发布：**

hexo g
hexo d

2.部署成功后，可通过 http://chocolate-lee.github.io 进行访问，其中将chocolate-lle替换为你自己的username即可

五、配置自己的域名

1.准备一个自己的域名
2.解析一个二级域名，可采用A记录或者CNAME记录，A记录就是将二级域名指向github上的ip，我使用的是CNAME。
3.将自己的二级域名指向chocolate-lee.github.io
4.创建文件hexo/source/CNAME
5.编辑CNAME文件内容为你的域名
6.发布，即可，其中内容替换为自己的。

文章书写发布

文章的编写 - 分类标题日期

在MarkDown文件中，文件头写入文章信息，格式如下，可参考Hexo文档。

title: “文章标题”
date: (2000-01-01 08:00)
author: me
cover_picture: 封面图片(“url”)[可选]
desc: 文章的描述
top: 1 置顶文章[可选]
updated: 更新日期[可选]
comments: 是否打开评论(on/off)[可选]
tags: 标签[可选]

• tag
• tag
  categories: 分类
• category
• category

---

操作使用Hexo

**1、启动博客：hexo server 可以简写成 hexo s
2、hexo clean #用来清理缓存文件
3、hexo generate #生成文件
4、hexo server #运行本地服务器
5、hexo deploy #部署到服务器 **