github hexo 搭建博客

转载:https://www.jianshu.com/p/e6662ca7e283

https://www.cnblogs.com/fengxiongZz/p/7707219.html

  • windows 
  • github
  • node
  • hexo 

1.下载安装

github

1.下载安装Git ,安装在哪都可以,这个安装网上有很多教程

2.在github官网 申请注册帐号,注册后要记住:你的用户名(username),你的密码(password),以及你的邮箱(email)

3.新建一个仓库(start a project  / new repository),命名 (Repository name) 是你的github的用户名(username)加上.github.io,并且需要勾选Initialize this repository with a README,然后点击create repository

4.建立仓库后,点击右边中间的(Cloud or download)再点击Use SSH,看到你的[email protected]:username/username.github.io.git 然后复制(copy).

5.你可能会需要配置git的ssh(密钥),请点击这里学习配置

输入cd ~/.ssh,检查是否由.ssh的文件夹 

输入ls,列出该文件下的内容。下图说明存在

输入ssh-keygen -t rsa -C “[email protected]”,连续三个回车,生成密钥,最后得到了两个文件:id_rsa和id_rsa.pub(默认存储路径是:C:\Users\Administrator\.ssh)。

 输入eval "$(ssh-agent -s)",添加密钥到ssh-agent

再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

登录Github,点击头像下的settings,添加ssh

 新建一个new ssh key,将id_rsa.pub文件里的内容复制上去(title随便填)

输入ssh -T [email protected],测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了

/*
问题:假如ssh-key配置失败,那么只要以下步骤就能完全解决

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
删除你在github中的public-key

重新生成ssh密钥对
ssh-keygen -t rsa -C "[email protected]"

接下来正常操作
在github上添加公钥public-key:
1、首先在你的终端运行 xclip -sel c ~/.ssh/id_rsa.pub将公钥内容复制到剪切板
2、在github上添加公钥时,直接复制即可
3、保存
*/

6.在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。

 

nodeJs

下载安装nodeJs,下载后安装时一路默认next(安装路径可以自选)

 

hexo

1.创建文件夹hexo,创建随意位置

2.在命令行中输入npm install hexo -g,如果显示报错“没有这个指令”,请点击这个网站看第五点,配置nodeJs全局环境。前面的命令安装完成后,再次输入npm install hexo --save,等待安装完成。输入hexo -v,检查hexo是否安装成功

3.第二步完成后,找到你的hexo文件夹,鼠标右键单击你的hexo文件夹,选择Git Bash Here(一般安装时默认配置了),如果你鼠标右键单击后没有Git Bash Here,请你在注册表自主修改鼠标右键出现的命令

4.设置Git的user name和email(如果是第一次的话),输入hexo init,请等待,这个时间可能长,等到下一条可输入命令出现的时候才算安装好了,中途如果强行退出请在该文件夹重新hexo init (看到后面的“Start blogging with Hexo!”, 即代表成功)

 

检测你的git node npm hexo是否安装和他们的版本信息

点击鼠标右键,进入Git Bash Here,依次输入git --version,   node -v,   npm -v,   hexo version,依次检测 Git node npm 以及 hexo 的版本。

输入npm install,安装所需要的组件

 

在_config.yml,进行基础配置

1.修改一些你的博客名字、描述、作者等。同时大家可以修改自己的主题,更多主题点击这里。修改主题就修改_config.yml里面的theme。更多关于其他配置信息修改请点击这里访问hexo官方文档

【在_config.yml文档修改所有信息都要注意,冒号后面一定要有一个空格!】

2.鼠标右键单击你的hexo文件夹,选择Git Bash Here,进入Git命令页面,输入hexo g

3.然后输入hexo s,启动本地服务器,你可以在你电脑的服务器看到你的博客了。请打开你的浏览器,输入http://localhost:4000/,停止你的本地服务器,你可以在Git命令页面按住Ctrl+C来停止

问题:假如页面一直无法跳转,那么可能端口被占用了。此时我们ctrl+c停止服务器,接着输入“hexo server -p 端口号”来改变端口号

 

hexo与github关联

1.还是打开你的_config.yml文档,将末尾修改一下,type改成git,repo就是我们前面说到的下载安装github的第四点所复制下来的东西。

#Deployment
#Docs:https://hexo.io/docs/deployment.html 
deploy: 
       type: git 
       repo: [email protected]:XXXXXXX/XXXXXXXgithubio.git 
       branch: master

2.配置完成后保存,然后鼠标右键单击你的hexo文件夹,输入npm instal hexo-deployer-git --save

3.关键点来了-第2点完成后,将你的代码推到网上去:依次出入hexo clean ,  hexo g  ,  hexo d

4.稍等5-15分钟,然后打开浏览器输入你的username.github.io,你就可以看到你的博客啦。

 

发表文章

你要写文章,就在hexo\source_posts文件夹里面创建.md文档就好啦。写完了保存后,依旧是hexo g,hexo d,就上传到你的博客了。(或者 新建一篇博客,在cmd执行命令:hexo new post “博客名”)

【注:使用本教程,如果你在npm instal hexo-deployer-git --save返回了一堆ERR,别着急,看看自己输入的语句是否有错,空格是否都有了,如果报错语句中出现了这一句Please try running this command again as root/Administrator,那你就右键单击你的hexo文件夹,管理员取得所有权,等待命令自己执行完毕,然后再次输入npm instal hexo-deployer-git --save就ok啦。】

关于hexo主题你可以点击这里

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章