hexo加Github搭建个人博客(一)

hexo加Github搭建个人博客(一)

在这之前,我们先介绍一下hexo加Github搭建博客的有关事项

1.hexo搭建的是静态网页,每次修改后都要执行静态生成,然后再执行部署

2.Github仓库服务器到博客网页需要一定的传输时间(反应时间),在博客更新部署后博客网页不会立刻做出改变,需要稍等片刻

第一步:安装Github和node.js

1.Node.js安装地址

2.Github安装地址

Github安装教程:Git安装教程

3.在安装Github后用以下方法确认是否安装成功

方法1微软键+R ------> cmd ------> 键入git version 出现版本号表示安装完成

方法2在桌面,单击鼠标右键,查看是否存在 Git GUI here Git Bash Here

第二步 注册Github账号(已注册请跳过此步骤)

对英语不太擅长的人推荐使用浏览器的翻译页面功能翻译Github以提升浏览速度

第三步 安装Hexo到电脑,完成初始化

1.右击桌面空白处打开GIt Bash Here,输入以下内容

npm install hexo-cli -g

npm install hexo-deployer-git --save

2.之后选好你要存放博客文件的位置,在这个位置新建一个文件夹,并将这个文件夹命名为hexo

进入文件夹

3.右击打开Git Bash Here,输入以下命令初始化hexo

hexo init

hexo初始化完成后刷新文件夹,你会看到文件夹内多出了许多的文件

4.右击打开GIt Bash Here,输入以下命令,部署网页,开启本地服务

hexo generate

hexo server

在浏览器里输出 http://localhost:4000,即可查看博客效果

第四步 Github仓库的建立

1.登录到自己的GitHub上面

2.点击右上角的加号

3.选择 New repository

4.在Repository name下的文本框中输出 username.github.io 然后完成创建

输入的username部分替换为你的Github用户名,如 kuiwaiwai.github.io

选择public(公开)

第五步 SSH秘钥配置以及相应配置

1.在hexo文件夹内右击打开GIt Bash Here输入以下命令

ssh-keygen -t rsa -C "你的github注册邮件地址"

注意!请将""内文字替换为你的github注册邮件地址,如“100000000@qq.com”

2.连续按三次回车直到秘钥创建完成

3.打开C盘内的用户文件夹,找到.ssh\id_rsa.pub文件(若找不到请搜索文件),记事本打开并复制里面的全部内容

4.打开你的Github主页,点击右上角图像旁的倒三角,选择settings

5.在左侧栏点击SSH and GPG keys,选择 New SSH key ,在title处输入任意内容,在key处输出你刚才复制的秘钥信息,最后完成设置

6.在GIt Bash Here中输入以下命令以检验SSH配置是否成功

ssh -T git@github.com若出现提示请输入yes

7.配置用户名和文件

在GIt Bash Here中输入以下命令

git config --global user.name "username"

username处提替换为你的Github用户名

git config --global user.email "username@xxxx.com"

username@xxxx.com处替换为你注册Github账号时填入的邮箱

第六步 配置Hexo

打开hexo文件夹里面的_config.yml,修改你的配置

这是一张中文配置对照表,供大家参考

#博客名称``title: 我的博客``#副标题``subtitle:``#简介``description:``#博客作者``author: Rainy``#博客语言``language: zh-CN``#时区``timezone:

#博客地址,与申请的GitHub一致``url: http://kuiwaiwai.github.io``root: /``#博客链接格式``permalink: :year/:month/:day/:title/``permalink_defaults:

source_dir: source``public_dir: public``tag_dir: tags``archive_dir: archives``category_dir: categories``code_dir: downloads/code``i18n_dir: :lang``skip_render:

new_post_name: :title.md # File name of new posts``default_layout: post``titlecase: false # Transform title into titlecase``external_link: true # Open external links in new tab``filename_case: 0``render_drafts: false``post_asset_folder: false``relative_link: false``future: true``highlight:``enable: true``line_number: true``auto_detect: true``tab_replace:

default_category: uncategorized``category_map:``tag_map:

#日期格式``date_format: YYYY-MM-DD``time_format: HH:mm:ss

#分页,每页文章数量``per_page: 10``pagination_dir: page

#博客主题``theme: landscape

#发布设置``deploy:``type: git``#kuiwaiwai改为你的github用户名``repo:git@github.com:kuiwaiwai/kuiwaiwai.github.io.git``branch: master

第七步 博客基本完成,部署上传,浏览页面

1.在hexo文件夹内右击打开GIt Bash Here输入以下命令

hexo g

hexo d

或者输入

hexo g -d

如果出现下面的错误,是因为deployer安装没有成功导致的。

ERROR Deployer not found: git

使用下面的命令重新安装

*npm install hexo-deployer-git --save*

2.在浏览器输入网址访问你的博客页面

username替换为你的Github用户名

——————————————————————

结束

本文参考

作者:奎歪歪

转载请署名

hexo加Github搭建个人博客(一)全文已完

THE END