Hexo + GitHub搭建自己的博客 - Go语言中文社区

Hexo + GitHub搭建自己的博客


继昨天用github搭建博客后,今天百度了下大多数是用hexo+github的方式来搭建一个属于自己的真正博客,弄了一上午,按着别人的法子来,其实步骤很简单,不过有的还没搞懂啥意思,也只能浅浅的记住几个hexo口令。如有错误,欢迎指正!

安装Hexo

   1、 首先要在电脑上安装nodejs ,下载地址:http://nodejs.cn/ 

   2、 安装git ,下载地址:https://git-scm.com/downloads 

   3、在桌面新建一个文件夹,然后通过命令进入到该文件夹下,输入以下。  (注:我在桌面新建了一个名为blog的文件夹,作为站点根目录)

npm install -g hexo-cli    //使用npm安装Hexo

 

4、然后依次输入一下口令

 hexo i blog //init的缩写 blog是项目名
 hexo g //generetor的缩写
 hexo s //server的缩写

如果没有任何问题的话,命令执行完后会出现下图一个链接

用浏览器打开 http://localhost:4000/ 这个链接,查看:

这是hexo默认的主题博客,其实到这里就可以写博客啦,但我们要做的就是和github page联系起来,所以继续吧。。。。

选择主题

1、此时,按下Ctrl +C 结束,回到根目录下,然后输入  

git clone https://github.com/iissnan/hexo-theme-next themes/next

2、打开刚才新建立的blog文件夹内的__config.yml文件,找到theme字段,将其landscape更改为 next

3、在终端依次输入

hexo clean  //清除缓存
hexo g  //重新生成代码
hexo s  //部署到本地

//然后打开浏览器访问 localhost:4000 查看效果

这是其中一种主题,接下来我们换下其他的主题。

4、配置nexT

在 站点根目录/themes/next/_congig.yml 文件中,找到scheme,按下图修改。

然后 终端输入,查看效果,样式改变了(ps:我忘记截图了,用的别人的~)

hexo clean
hexo g
hexo s 

当然,你完全可以进行很多的自定义设置甚至修改源码,定制自己的主题。更多的设置请移步官方文档

http://theme-next.iissnan.com/getting-started.html

将本地博客上传到github(如果已搭建好,请直接移步第5步)

首先要有github账号,申请官网在这里! https://github.com/

步骤:

1、登录账号后,点击下图按钮,新建仓库。

 

2、填写仓库的属性,仓库名格式:你的github用户名.github.io, 个人博客简介和描述文件可选填。

3、设置。创建好仓库后,点击下图中的setting,进入设置页面。

然后进入设置页面,向下划,找到GitHub Pages,为博客选择一个主题。

4、选择博客主题,根据自己风格选取。

选好之后,在浏览器输入自己博客地址,https://github.com/missJing0818,打开查看。(我的啥也没有,就是这个样子)

5、接下来我们将Hexo的代码部署到github上。

修改hexo站点的配置文件,就是根目录下的_config.yml文件

按上图那样修改,博客的地址要换成你自己的,冒号后面的空格也不要少,格式很重要,不然会出错。

6、部署。在终端输入以下:

npm install hexo-deployer-git --save 

hexo d // 部署的命令 

可能会让输入密码,输入按回车就好了。

然后刷新下你的github博客网站,看!变了吧!!

发布博客(简易)

我还不太会玩啊,先发个标题压压惊!

终端根目录下输入 

hexo new “Hello”    // 名为Hello.md的文件会建在根目录/blog/source/_posts下。

hexo g   //生成静态页面

hexo d   //发布

然后,我们再来看下,哈哈哈哈哈哈,太激动,一下子搞了两篇。这样就发布成功啦。

 

 

猴急:

到这里,最基本的搭建已经完成了,其余的就需要自己去探索了,接下来研究研究怎么搞头像,美化下页面,以及尽快正式发布自己的第一篇博客。

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/jinggege0818/article/details/81808461
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2019-09-05 20:41:37
  • 阅读 ( 1358 )
  • 分类:Go开源项目

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢