github搭建hexo个人博客--windows系统

hexo是一个基于Node.js的博客框架,我们可以用hexo既快速又方便的生成博客网页并托管在github上。以下本人实现的步骤可是详细、简单又实用,请大家认真看好了。


1.安装Git Bash


进入Git下载官网下载地址),点击下载exe文件


运行安装,一直默认点next(安装路径自行选择)


安装成功后右击桌面菜单项会多单击Git Bash Here可直接运行Git,界面如下



2.安装Node.js


(前面提到过hexo是一个基于Node.js的,我们安装hexo前要用到Node.js的npm工具)


下载地址  建议选择LTS版


运行安装,安装路径自行选择,一直默认点next,(不过要留心Custom Setup这一步,点一下Add to Path再点next这样就不用后面手动配置环境变量了~)


查看Node.js版本:在cmd命令行或Git Bash输入命令node -v查看版本号




3.安装hexo


(这里我们不用npm i -g hexo命令安装hexo,这要访问外网容易会被“墙”而是使用 淘宝NPM镜像 帮助安装)


新建一个文件夹(用来存放你用hexo搭建的blog项目,我这文件夹名为blog)


右击该文件夹,点击Git Bash进入Git输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org


等待一段时间下载完成后会出现 $ 开始符号,再输入命令:

cnpm i -g hexo-cli

(注意!当我们使用 淘宝NPM镜像 以后使用npm安装工具一律把npm改为cnpm,可自行百度区别两者


待安装成功后,可查看版本号确认,命令:

hexo -v


输入初始化命令:hexo init,初始化完成后你的文件夹会出现以下文件:



安装生成器

cnpm install


到这里hexo搭建好了,可以开启hexo服务测试一下,命令:

hexo s


浏览器访问http://localhost:4000/就可以看见自己博客了!



4.实现Git本地管理你的github库


打开你的Git Bash(在哪打开都一样),进行以下配置:

git config --global user.name "bettmaner"        //设置用户名

git config --global user.email "175****428@qq.com"         //设置用户邮箱


创建SSH

SSH key是Git与github之间的传输密匙,有了它每次提交文件就不需要再输入用户名和密码了。 


在Git Bash中输入:

ssh-keygen -t rsa -C "175****428@qq.com"

       这过程会需要你输入一些东西,直接按回车就行


复制ssh key命令:

clip < ~/.ssh/id_rsa.pub


将复制的ssh添加到github上:






回到Git Bsah验证你的ssh是否有效:

ssh -T git@github.com

最后一句出现你github名证明你成功了



5.将博客部署到github上

(激动人心的时刻!博客已用hexo搭建好了,现在就是要将博客放github就能让人访问到了)


创建版本库

进入你的github账号创建版本库,库名为username.github.io,其中username为你的github名称,步骤如下

   



修改hexo文件配置

此处可参考网址 https://blog.csdn.net/jzooo/article/details/46781805(“管理博客”一步)


进入你的blog文件夹,(建议用编辑器)修改根目录下的_config.yml文件



_config.yml中其它自行修改,最后一行必须这样配置(冒号后有一个英语半角空格):

deploy:
  type: git
  repo: https://github.com/bettmaner/bettmaner.github.io.git   (蓝体改为自己的github名)

  branch: master

保存


上传blog到github上

右击blog文件夹进入Git Bash,输入安装命令:

cnpm install hexo-deployer-git --save


(此安装命令能让你使用hexo deploy命令上传blog到github上)

上传命令

hexo d(即hexo deploy

第一次deploy会弹出窗口需要输入你的github账号和密码


现在就可以访问username.github.io进入你的博客了~


以后修改blog后执行hexo s或hexo d之前建议先执行这2个命令行(作用自己百度哟):

hexo clean

hexo g(即hexo generate


完!

---------------------------------------------------------------------------------------------------------------

此处感谢两个博主的教程:

零基础免费搭建个人博客-hexo+github

hexo从零开始到搭建完整

(呼~第一次写博客花了个把小时。)


阅读更多

没有更多推荐了,返回首页