Github博客-Hexo框架
博客的文章主要使用MarkDown文档格式
个人博客分为静态与动态两种:
静态博客 | 动态博客 |
---|
方便快捷 | 有前端与后端之分,动态管理,用户管理,功能基本完善 |
因为考虑但方便快捷问题,选择了与朋友相同的静态博客
- 打开git的官方网站–https://git-scm.com/
- 下载并安装git
- 设置git身份
git config --global user.email "you@example.com" git config --global user.name "Your Name" |
- 打开Nodejs的官方网站–https://nodejs.org/
- 下载并安装LTS长期支持版本
- 打开命令窗口(Win+R)并输入代码查看是否安装成功node -v和npm -v
- 因为国内镜像源延迟问题,安装中国的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部署插件:执行语句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
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、百度统计。在最后的页脚进行部署
首先注册一个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
**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
**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
**1、启动博客:hexo server 可以简写成 hexo s
2、hexo clean #用来清理缓存文件
3、hexo generate #生成文件
4、hexo server #运行本地服务器
5、hexo deploy #部署到服务器 **