
# 如何使用github+hexo+git+vercel弄一个hexo博客<重制版
为什么又出来了一个
因为上一个太烂
估计看那个教程的都不行
## 准备
git
电脑
vercel账号
github账号

vercel其实不用搞 他只是加速的
## 开始
在随便一个盘符 新建一个文件夹
进入文件夹
右键
选择
`github bash here`
之后最小化
不用管他
前往[这里](https://nodejs.org/dist/v12.18.3/node-v12.18.3-x86.msi)下载node
安装后
在github bash里输入
```bash
node -v
npm -v
```
显示正常
不报错
证明安装成功
之后安装hexo
```bash
npm install -g hexo-cli
```
安装完之后输入
```bash
hexo -v
```
我的是手机 可能会不一样
![img](https://gitee.com/wmz1024/img/raw/master/img/1599127146180.jpg)
显示正常 没报错就是安装好了
之后输入
```bash
hexo init
npm install
```

稍等一会
因为我的手机npm不能用了 这里我就用cnpm
![img2](https://gitee.com/wmz1024/img/raw/master/img/1599127382603.jpg)
这个教程就到一半了
hexo最重要的就是主题了
这里我用yilia 因为他简洁
你想用其他的也是可以的
在博客主目录输入
```bash
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
```
弄好之后
我先歇会

























你还真翻了

那我们继续
cd到博客根目录
```bash
apt install nano
```
安装nano
```bash
nano _config.yml
```
应该是这样的
```
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html## Source: https://github.com/hexojs/hexo/# Sitetitle: Hexosubtitle: ''description: ''keywords:author: John Doelanguage: entimezone: ''# URL## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'url: http://example.comroot: /permalink: :year/:month/:day/:title/permalink_defaults:pretty_urls:  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks  trailing_html: true # Set to false to remove trailing '.html' from permalinks# Directorysource_dir: sourcepublic_dir: publictag_dir: tagsarchive_dir: archivescategory_dir: categoriescode_dir: downloads/codei18n_dir: :langskip_render:# Writingnew_post_name: :title.md # File name of new postsdefault_layout: posttitlecase: false # Transform title into titlecaseexternal_link:  enable: true # Open external links in new tab  field: site # Apply to the whole site  exclude: ''filename_case: 0render_drafts: falsepost_asset_folder: falserelative_link: falsefuture: truehighlight:  enable: true  line_number: true  auto_detect: false  tab_replace: ''  wrap: true  hljs: falseprismjs:  enable: false  preprocess: true  line_number: true  tab_replace: ''# Home page setting# path: Root path for your blogs index page. (default = '')# per_page: Posts displayed per page. (0 = disable pagination)# order_by: Posts order. (Order by date descending by default)index_generator:  path: ''  per_page: 10  order_by: -date# Category & Tagdefault_category: uncategorizedcategory_map:tag_map:# Metadata elements## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/metameta_generator: true# Date / Time format## Hexo uses Moment.js to parse and display date## You can customize the date format as defined in## http://momentjs.com/docs/#/displaying/format/date_format: YYYY-MM-DDtime_format: HH:mm:ss## updated_option supports 'mtime', 'date', 'empty'updated_option: 'mtime'# Pagination## Set per_page to 0 to disable paginationper_page: 10pagination_dir: page# Include / Exclude file(s)## include:/exclude: options only apply to the 'source/' folderinclude:exclude:ignore:# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/theme: landscape# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy:  type: ''
```
这里简单弄下
修改 theme: landscape 改成 theme: yilia
deployment选项卡
改成
```
# Deployment
## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: gitrepo: https://github.com/YourGithubName/YourGithubName.github.io.git  branch: master
```
这里先写到这里

yo
我又回来了
之后进入`github`
点击那个`+`号 之后new repo... 
名字有要求 是`你的github名字.github.io`
点击新建个readme文件
新建
返回到git bash
cd到博客根目录
输入
```bash
npm install --save hexo-deployer-git
```
之后输入
```bash
git config --global user.name "你github名字"
git config --global user.email 你注册github的邮箱
```
输入
```bash
hexo d -g
```
这个是上传并且生成
```bash
hexo g -d
```
也是一样的
上传好了的话就可以访问了
域名大概都是`https://你的github名字.github.io`
如果你要绑定域名
在source文件夹新建CNAME文件
编辑成你的域名
保存退出
## 配置vercel
有个vercel账户
进入 `vercel.com`
也就是 `now.sh`
新建
省略中
之后
绑定域名也行
咋整也行
到这就结束了
说下hexo常见命令吧
hexo init # 初始化
hexo new "My New Post" # 新文章
hexo new page "my new page" # 新页面
hexo d # 上传
hexo g # 生成
hexo g -d # 上传并生成
hexo d -g # 也是上传并生成
剩下的去网上搜吧



如何使用github hexo git vercel搭建网站完整版

# 如何使用github+hexo+git+vercel弄一个hexo博客<重制版 上
为什么又出来了一个
因为上一个太烂
估计看那个教程的都不行
## 准备
git
电脑
vercel账号
github账号

vercel其实不用搞 他只是加速的
## 开始
在随便一个盘符 新建一个文件夹
进入文件夹
右键
选择
`github bash here`
之后最小化
不用管他
前往[这里](https://nodejs.org/dist/v12.18.3/node-v12.18.3-x86.msi)下载node
安装后
在github bash里输入
```bash
node -v
npm -v
```
显示正常
不报错
证明安装成功
之后安装hexo
```bash
npm install -g hexo-cli
```
安装完之后输入
```bash
hexo -v
```
我的是手机 可能会不一样
![img](https://gitee.com/wmz1024/img/raw/master/img/1599127146180.jpg)
显示正常 没报错就是安装好了
之后输入
```bash
hexo init
npm install
```

稍等一会
因为我的手机npm不能用了 这里我就用cnpm
![img2](https://gitee.com/wmz1024/img/raw/master/img/1599127382603.jpg)
这个教程就到一半了
hexo最重要的就是主题了
这里我用yilia 因为他简洁
你想用其他的也是可以的
在博客主目录输入
```bash
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
```
弄好之后
我先歇会

























你还真翻了

那我们继续
cd到博客根目录
```bash
apt install nano
```
安装nano
```bash
nano _config.yml
```
应该是这样的
```
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html## Source: https://github.com/hexojs/hexo/# Sitetitle: Hexosubtitle: ''description: ''keywords:author: John Doelanguage: entimezone: ''# URL## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'url: http://example.comroot: /permalink: :year/:month/:day/:title/permalink_defaults:pretty_urls:  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks  trailing_html: true # Set to false to remove trailing '.html' from permalinks# Directorysource_dir: sourcepublic_dir: publictag_dir: tagsarchive_dir: archivescategory_dir: categoriescode_dir: downloads/codei18n_dir: :langskip_render:# Writingnew_post_name: :title.md # File name of new postsdefault_layout: posttitlecase: false # Transform title into titlecaseexternal_link:  enable: true # Open external links in new tab  field: site # Apply to the whole site  exclude: ''filename_case: 0render_drafts: falsepost_asset_folder: falserelative_link: falsefuture: truehighlight:  enable: true  line_number: true  auto_detect: false  tab_replace: ''  wrap: true  hljs: falseprismjs:  enable: false  preprocess: true  line_number: true  tab_replace: ''# Home page setting# path: Root path for your blogs index page. (default = '')# per_page: Posts displayed per page. (0 = disable pagination)# order_by: Posts order. (Order by date descending by default)index_generator:  path: ''  per_page: 10  order_by: -date# Category & Tagdefault_category: uncategorizedcategory_map:tag_map:# Metadata elements## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/metameta_generator: true# Date / Time format## Hexo uses Moment.js to parse and display date## You can customize the date format as defined in## http://momentjs.com/docs/#/displaying/format/date_format: YYYY-MM-DDtime_format: HH:mm:ss## updated_option supports 'mtime', 'date', 'empty'updated_option: 'mtime'# Pagination## Set per_page to 0 to disable paginationper_page: 10pagination_dir: page# Include / Exclude file(s)## include:/exclude: options only apply to the 'source/' folderinclude:exclude:ignore:# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/theme: landscape# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy:  type: ''
```
这里简单弄下
修改 theme: landscape 改成 theme: yilia
deployment选项卡
改成
```
# Deployment
## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: gitrepo: https://github.com/YourGithubName/YourGithubName.github.io.git  branch: master
```
这里先写到这里


如何使用github hexo git vercel搭建博客<重制版 上>


# 使用gh-page做hexo静态博客
[博客地址](http://wmz.clh.works)|![me图标](http://wmz.clh.works/me.gif)
说好做到的 今天就叫大家如何用github page做hexo静态博客

## 问答

你：为什么不用动态网页呢
服务器要花钱 github付不起 所以就静态网页了呗

## 准备
你觉得真不用准备？

liunx电脑一台
su账号一个
github账号一个
网络一个
人一个
<希望人没事>

## 开始吧
### 第一步
首先安装node.js 
没有淘宝的cnpm管理器自己先下一个吧 
next
### 第二步
安装hexo框架
```
cnpm install -g hexo-cli
```
不会吧 阿sir 不会真的有人不会安装hexo吧
这里的hexo需要8以上<大概>
推荐10以上
新建一个叫blog的文件夹
```
mkdir blog
```
不用说了吧 进入文件夹
什么？ 这都用我教？
不会吧阿sir
```
cd blog
```
现在大概差不多了
### 第三步
[点我](https://github.com/new)新建个repo
新建好了吗 格式需要为 URghname.github.io
之后在blog文件夹安装个git<算是吧>
```
cnpm install --save hexo-deployer-git
```
之后
```
hexo g
```
之后

配置_config.yml 
-----# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: gitrepo: https://github.com/URghname/URghname.github.io.  branch: master-----

### 第四步

hexo最重要的就是主题了
没有主题看着都难受
需要git 自己下个也不难
```
git clone https://github.com/litten/hexo-theme-yilia.git
```
修改hexo根目录下的'_config.yml'文件 ：把theme:后面改成 yilia
```
hexo c
```
之后再一次
```
hexo g
```
下一步
```
hexo d
```
但是不用su权限可能就会报错
sudo指令忘了 你百度搜下也行
### 第五步
尽然博客都有了 肯定就得有文章
```
hexo new "My New Post"
```
My New Post写成你的文章标题
写作也很简单
学个markdown也很简单
之后使用上传指令上传

##  hexo常见命令
你还在看 百度上有的是|[点我也行](https://blog.csdn.net/qq_26975307/article/details/62447489)
