Win上搭建Hexo+Github博客

作者: wxyass 分类: 建站 发布时间: 2013-09-12 11:07

参考网上的一些教程,搭建了自己的博客,一方面记录自己的成长路程,另一方面巩固所学知识,其实作为程序员,我们不需要成为大牛大神,只要技术见的多了,当别人提起一个技术点时,能在脑海中知道这个技术点有什么用处可以了,能说个123,那么在别人眼里你就是大牛.

1 新建github账号,并创建仓库, 仓库名字必须为[你的github用户名.github.io] 如下:

2017-6-23

2 安装node (自己百度下载) , 通过命令检测是否安装成功.

2017-6-23

3 安装git (自己百度下载), 通过命令检测是否安装成功.

2017-6-23

4 安装python, 版本2.7.x (自己百度下载) 非必需可以不安装

5 安装hexo

在任意文件夹(比如: E:\我的坚果云\Blog\wxyass.com )中右击 , 选择Git Bash here , 依次执行以下命令安装hexo:

npm install hexo-cli -g

hexo init

npm install

hexo s

6 如果你想卸载Hexo

在任意文件夹下(比如: E:\我的坚果云\Blog\wxyass.com )右击 , 选择Git Bash here , 使用以下命令卸载hexo :

  3.0.0版本执行 npm uninstall hexo-cli -g,

  之前版本执行npm uninstall hexo -g 

  然后删除文件夹(E:\我的坚果云\Blog\wxyass.com )

7 跳过第6步 , 在浏览器中打开http://localhost:4000,成功的话即可看到博客页面,至此Hexo安装就完成了

若果你的4000端口被占用(被福晰阅读器占用了),导致页面访问失败 ,

解决: 关闭命令行,在本文件夹下右击选择 git base here , 用hexo s -p 5000启动, 
并浏览器打开http://localhost:5000 试试
或者卸载福晰阅读器

8 上面几步完成了远程仓库的搭建和本地Hexo的搭建, 下面几步是将远程仓库和本地Hexo做关联

9 在 E:\我的坚果云\Blog\wxyass.com\_config.yml 文件中, 文件最底端添加修改仓库地址如下 : (注意: repository改成自己的仓库地址)

 deploy:
   type: git
   repository: https://github.com/wxyass/wxyass.github.io.git
   branch: master

10 这里安装一个插件来帮助我们完成代码上传的工作,安装 hexo-deployer-git。安装代码如下

在文件夹(比如: E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令设置

npm install hexo-deployer-git --save

11 本地生成静态页面

在文件夹(比如: E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令本地生成静态页面

hexo g

12 部署到远程github上

在文件夹(比如: E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令部署到远程github上

hexo d

13 若报错 ERROR Deployer not found: git

应对执行

$ npm install hexo-deployer-git --save

14 部署时需要设置Git的user name和email:(如果是第一次的话)

在文件夹(比如: E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令设置Git的user name和email :

git config --global user.name "wxyass"
git config --global user.email "wxyass@gmail.com"

输入github的登录密码

2017-6-23

15 重新部署 hexo d 成功后,通过访问 https://wxyass.github.io/ 来查看博客


问题描述:

1 假如有2个github账号,对应2个博客,如何使A账号对A博客提交数据,B账号对B博客提交数据,而不会造成冲突报错? 比如电脑登录的是A账号,如何切换成B账号,让B账号对B博客提交数据.

2017-6-23

解决:

控制面板->用户帐户和家庭安全->凭据管理器->里面发现git的相关账户信息->删除账户数据->重新在部署(hexo d)时登录新账号.

2017-6-23


next主题

1 安装:

在文件夹( E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令安装

git clone https://github.com/iissnan/hexo-theme-next themes/next
2 启用 根_config.yml

在文件夹( E:\我的坚果云\Blog\wxyass.com )中找到_config.yml 并打开, 找到 theme 字段,并将其值更改为 next

theme: next 
3 修改皮肤 主题_config.yml

在文件夹(E:\我的坚果云\Blog\wxyass.com\themes\next)中找到_config.yml 并打开, 全局搜索找到 scheme 字段,将你需用启用的 scheme 前面注释 # 去除即可

#scheme: Muse
#scheme: Mist
scheme: Pisces
4 设置语言 根_config.yml

在文件夹( E:\我的坚果云\Blog\wxyass.com )中找到_config.yml 并打开, 找到 language 字段,并将其值更改为 zh-Hans

language: zh-Hans
5 添加标签页

在文件夹( E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令

hexo new page tags  

编辑刚新建的页面( E:\我的坚果云\Blog\yassblog.com\source\tags\index.md ), 内容如下:

title:  tags
date: 2014-12-22 12:39:04
type: "tags"
comments: false  
6 添加分类页

在文件夹( E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令

hexo new page categories  

编辑刚新建的页面( E:\我的坚果云\Blog\yassblog.com\source\categories\index.md ), 内容如下:

---
title: categories
date: 2017-06-21 17:11:36 
type: "categories"
comments: false 
---  

用法: 跟标签一样,新建帖子时, 修改标题

---
title: 帖子名称
date: 2017-06-21 17:13:24
tags: [好莱坞]
categories: [阿达,电影]
---
7 添加关于页

在文件夹( E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令

hexo new page about  

编辑刚新建的页面( E:\我的坚果云\Blog\yassblog.com\source\about\index.md ), 内容如下:

title:  about
date: 2014-12-22 12:39:04
comments: false 
---
8 修改头像 主题_config.yml

在文件夹(E:\我的坚果云\Blog\wxyass.com\themes\next)中找到_config.yml 并打开, 全局搜索找到 avatar 字段, 修改url地址 如下

avatar: http://wxyass-com.oss-cn-beijing.aliyuncs.com/wxyass/images/yuantu.jpeg  
9 搜索 根_config.yml (放弃这种方法吧)

安装: 在文件夹( E:\我的坚果云\Blog\wxyass.com ) 下右击 , 选择Git Bash here , 使用以下命令

npm install hexo-generator-searchdb --save

站点配置: 在文件夹(E:\我的坚果云\Blog\wxyass.com)中找到_config.yml 并打开,新增以下内容到任意位置:

search:
 path: search.xml
 field: post
 format: html
 limit: 10000

主题配置: 在文件夹( E:\我的坚果云\Blog\wxyass.com\themes\next )中找到_config.yml 并打开, 启用本地搜索功能,修改如下;

# Local search
local_search:
      enable: true
10 分页时每页显示文章数量 根_config.yml

在文件夹(E:\我的坚果云\Blog\wxyass.com)中找到_config.yml 并打开,修改一下内容:

# Pagination 分页
## Set per_page to 0 to disable pagination
   per_page: 10   #每页显示的文章量 (0 = 关闭分页功能)
   pagination_dir: page   #分页目录
11 设置新建帖子时的模板

修改 E:\我的坚果云\Blog\wxyass.github.io\scaffolds\post.md 的模板

---
title: {{ title }}
date: {{ date }}
tags: 
categories:   
---
12 OK

新个人博客

git config --global user.name "wxyass"  
git config --global user.email "wxyass@gmail.com"  

旧个人博客

git config --global user.name "yahxdxj"  
git config --global user.email "yahxdxj@gmail.com "  

新直击心灵

git config --global user.name "wxyassp"  
git config --global user.email "wxyassp@gmail.com"  

旧直击心灵

git config --global user.name "z"  
git config --global user.email "15201123996@139.com"  

参考:手把手教你用Hexo+Github 搭建属于自己的博客

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注