建站

【GitHub建站】Hexo+GitHub建站教程

2020-02-28  本文已影响0人  摇摆的鱼没有尾巴

一、安装Git

1、默认安装即可,可指定路径。

2、Ctrl+R,运行cmd,在弹出界面中输入:git,检测版本。


二、安装nodejs

1、默认安装,路径可指定。

2、安装完成后,cmd检测版本:

node -v

npm -v


三、配置环境变量

1、右键“计算机”->“属性”->“高级系统设置”->“环境变量”。

2、编辑系统变量:Path,新建node.js安装文件夹路径。

3、新建系统变量:NODE_PATH,输入node.js安装文件夹中modules文件夹路径,即在 npm 下载全局包的时候存放在你制定的位置。

4、在用户变量 Path 中,添加 node 的全局文件夹“node_global”路径位置,在npm获得类似webpack、babel此类编译工具时放在你制定的全局位置。


四、设置npm下载环境

在 cmd 环境下,设置 node 全局文件夹和 node 缓存文件夹位置,命令如下:

npmconfig set prefix  “node_global文件夹路径”

npmconfig set cache  “ node_cache文件夹路径”


五、安装Hexo

1、在指定文件夹如【Hexo】右键运行Gitbase,下载hexo。

(使用淘宝的npm源安装hexo,原下载源访问慢,采用国内镜像下载Hexo)

npm install -g cnpm --registry=https://registry.npm.taobao.org (淘宝镜像)

2、继续安装:

cnpm

3、查询cnpm版本:

cnpm -v

4、安装Hexo:

cnpm install -g hexo -cli

5、查询hexo版本:

hexo -v

6、新建文件夹【Blog】选中右键使用Gitbase。(Blog文件夹一定要是个空的)

hexo init (初始化hexo)

7、安装插件:

cnpm install

8、安装hexo-server:

npm install hexo-server --save

(Hexo 3.0把服务器独立成了个别模块,必须先安装 hexo-server 才能使用,以便于本地查看(调试)博客。)

9、启动hexo:

hexo s

若http://localhost:4000/无法访问。换个端口:hexos -p 5000

(注:切勿使用Ctrl+C复制,Ctrl+C在此是停止服务的命令,如需复制,可用右键copy)


六、注册GitHub

1、GitHub注册和创建仓库:https://github.com/。用户名慎填,后续会用到!

2、创建一个仓库来管理自己的文件:

点击个人主页右上角“+”里面的New repository创建仓库。

输入Repository name:[用户名].github.io,格式不能变,“[用户名].github.io”为博客域名。

(注意:用户名一定要和注册的用户名一样。)


七、配置SSH免密登录

1、在电脑桌面右键,选择”Git Bash Here”,打开Git Bash终端。

2、设置user name和email:

git config –global user.name “GitHub用户名” 

git config –global user.email “GitHub注册邮箱” 

3、生成SSH密钥:

ssh-keygen -t rsa -C “GitHub注册邮箱” 

输入命令后直接回车约三次即可,在C盘的用户目录下会生成.ssh文件夹(如C:\Users\yiming\.ssh),里面有私钥id_rsa和公钥id_rsa_pub。

4、在GitHub上添加SSH keys。

点击GitHub头像下的Settings->SSH and GPG keys->New SSH key,将本地的公钥id_rsa_pub内容复制粘贴到其中即可。

5、验证SSH免密是否成功:

ssh -T git@github.com

中途提示,输入:yes,继续。


八、将博客部署到GitHub

1、配置文件以关联远程仓库:

在blog目录下找到_config.yml文件,用文本编辑器Nodepad ++或Sublime Text打开,在最下方添加远程仓库地址:

(注意:除了“https://”中的冒号以外,其他每个冒号后面都有个空格,最后保存)

2、安装部署插件:

如果是第一次部署网站的话,首先需要安装一个用于部署的插件hexo-deployer-git,这个插件可以自动将public/文件中内容上传到master下(即用于生成github.io界面的文件)。

Git执行安装插件:

npm install --save hexo-deployer-git

3、重新部署更新:

在Blog目录运行Gitbase,分别输入:

hexo clean (清除缓存)

hexo g 即(hexo generate)

hexo d 即(hexo deploy)

(注:若没有安装上述hexo-deployer-git插件,在输入hexo d时会提示:ERROR Deployer not found: git)

4、在弹出框中登录GitHub。

再次弹出框中,输入GitHub用户名,和登录密码。

以上,网站搭建成功。


【hexo d失败】

在操作[hexo d]时,出现[fatal: the remote end hung up unexpectedly],基本可能是网络不好的问题。更换网络后,重新发布即可。


延伸:
【GitHub建站】更换hexo主题

【GitHub建站】绑定域名

上一篇 下一篇

猜你喜欢

热点阅读