Hexo+github建立自己的blog

Welcome to Live!

利用github+Hexo挂载私人博客，具有全球访问的特点，虽然在国内的访问速度不佳，但是稍加优化，也是不错的选择，长期维护中

一、三分钟建立自己的github博客

1、创建github账号

2、建立仓库并绑定本地仓库

3、本地创建并上传index.html文件

<html>
<\<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>myblog</title>
  </head>
  <body>
    我的第一个github博客
  </body>
</html>

以上操作有问题的话->传送门

你是不是以为找到了博客的窍门，马上像建立前端网站一样建立一堆的html，如果你觉得这样很合适你的话，可以关闭本页面了

二、使用Hexo框架静态网站搭建

1、Node.js安装

下载安装Node.js

检验是否安装成功，cmd输入

# 查看Node包管理器版本 npm -> node.js package management
npm -version
# 查看Node.js版本
node --version

2、Hexo项目安装和启动

选定并打开一个本地文件夹

安装Hexo

#安装Hexo -g代表全局可以访问Hexo
npm install -g hexo-cli
#如果安装完毕检查一下Hexo是否安装成功
Hexo -v

初始化一下自己的Hexo

1 2	#hexo init myblog hexo init [你的博客文件夹名称]

安装node.js依赖

#cd myblog
cd [你的博客文件夹爱名称]
#安装node依赖
npm install
#如果觉得安装慢点话可以尝试使用淘宝镜像源 效果和 npm install 一样，会更快
npm install --registry https://registry.npm.taobao.org

修改配置文件_config.yml

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: 你的github仓库链接
  branch: master

安装deploy-git
1
npm install hexo-deployer-git --save

运行Hexo

#hexo g是 hexo generate的缩写，用于生成你写的博客文章
#hexo d是 hexo deploy的缩写，用于将你的文章部署到GitHub上
#连起来就是生成你的博客并部署到GitHub上
#生成hexo博客
hexo g
#上载hexo博客
hexo d
#运行hexo博客
hexo s
#如果提交失败执行以下指令，再次提交
hexo clean

3、撰写第一篇博文

开始了，终于开始写了，骄傲呀！快乐呀！但是这才是开始哟！！！

hexo基本目录信息

文件名称	实际作用
_config.yml	博客主题配置文件
node_modules	node.js依赖包文件夹
scaffolds	文章模板
source	存放你的博客文章
themes	博客主题文件夹

进入source/_posts文件夹下建立博客，使用的markdown

#新建一篇博客
hexo new post “博客名”
#生成以及部署了
hexo d -g

关于Hexo基本的知识
1、新建博客位置完全由主题文件控制
2、Hexo每次上传的只有.deploy_git文件夹(即生成的静态的HTML代码)

三、hexo常见错误

1、将博客推送到Github上的时候在git bash 下运行hexo g -d命令出现错误

错误

fatal: HttpRequestException encountered.
   ▒▒▒▒▒▒▒▒ʱ▒▒▒▒
bash: /dev/tty: No such device or address
error: failed to execute prompt script (exit code 1)
fatal: could not read Username for 'https://github.com':

解决
1、首先在“你GitHub注册用户名.github.io”本地文件夹下有一个名为“_config.yml”的配置文件

deploy:
  type: git
  repo: https://github.com/你GitHub注册用户名/你GitHub注册用户名.github.io.git
  branch: master

更改为

deploy:
  type: git
  repo: git@github.com:你GitHub注册用户名/你GitHub注册用户名.github.io.git
  branch: master

2、页面标签的favicon显示不出来

解决方法

方法一、将favicon.ico放置在博客的根目录，网页浏览器会自动获取
方法二、将favicon。ico放置在博客的根目录和主题的根目录，并在配置文件中修改  favicon: favicon。ico
终极方法：去主题中找到layout.ejs(类似于总体页面的布局文件，在<title>标签前面加上)
<link rel="shortcut icon" href="网页链接/favicon.ico">
例如：<link rel="shortcut icon" href="https://2634213728.github.io/Live/favicon.ico">强制设置图标

Live