设为首页收藏本站

Crossin的编程教室

 找回密码
 立即加入
查看: 4627|回复: 0
打印 上一主题 下一主题

用 GitHub + Hexo 建立你的第一个博客

[复制链接]

169

主题

1

好友

733

积分

版主

Rank: 7Rank: 7Rank: 7

跳转到指定楼层
楼主
发表于 2018-6-11 22:53:12 |只看该作者 |正序浏览

作为一个程序员,拥有一个自己的博客,平时记录一下,分享点技术文章,还是挺有必要的。建立博客的通常渠道包括:

在博客平台上注册,比如 博客园、CSDN、新浪博客 等。

利用博客框架搭建,如 WordPress、Jekyll、hexo 等。

自己用代码写一个。

其中,第一种最简单,也最受限,说不定还会被删帖删号。第二种稍复杂,另外需要自己找部署的服务器,但可定制化较高,是很多程序员的选择。最后一种,是在重复造轮子,不过从另一个方面来看,倒是锻炼编程能力的好方式。

下面我们就来看下第二种搭建博客的方式。由于内容较多,会分为几篇内容,今天是第一篇:

github+hexo 建立你的第一个博客

申请成功后,在 GitHub 官网上登录,并验证邮箱即可。

在 GitHub 上建立仓库

与 GitHub 建立好连接之后,就可以方便的使用它提供的 Pages 服务,GitHub Pages 分两种,一种是用你的 GitHub 用户名建立的 关于 Github 的使用,我的老师 Crossin先生 也写了一篇通俗易懂的教程,大家可以去看看

配置 SSH
我们如何让本地 git 项目与远程的 GitHub 建立联系呢?方法是用 SSH。打开命令行,输入以下命令:
  1. ssh -T git@github.com
复制代码
如图:如果是下面之类的反馈(或者显示 Hi xxx):
  1. The authenticity of host 'github.com (207.97.227.239)' can't be established. RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. Are you sure you want to continue connecting (yes/no)?
复制代码
不用紧张,输入 yes 之后,看到下图的结果,就配置成功了。
使用 Hexo 创建博客框架
Hexo 安装

打开命令行,依次输入以下命令:
  1. cd /
  2. npm install hexo-cli -g
复制代码
如图:提示:cd / 作用是返回根目录,Git Shell 默认装在 C 盘,启动时默认路径为 C:\Users\xxx(用户名)\Documents\GitHub,输入 cd / 命令后就返回到了 C 盘根目录下,需不需要使用 cd / 看个人习惯(下同)
Hexo 部署
Hexo 的部署可采用如下方法,输入命令:

hexo init [文件名]。

打开控制台,依次输入以下命令:
  1. cd /
  2. hexo init Hexo
复制代码
回车后出现该提示则表示正确:部署成功之后,Hexo 会自动在目标文件夹建立博客网站所需要的所有文件。此时可以通过输入以下命令在本地进行预览(在刚才创建的文件夹里):
  1. hexo generate
  2. hexo server
复制代码
系统可能会出现提示,请点击允许。如下图所示则表示正确:此时打开浏览器,在浏览器地址栏输入
恭喜,到目前为止个人博客的雏形已经有了。

在 Git Shell 中按 Ctrl + C 并输入 y 可以停止该服务。

其他文章及回答:
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即加入

QQ|手机版|Archiver|Crossin的编程教室 ( 苏ICP备15063769号  

GMT+8, 2024-11-23 16:18 , Processed in 0.014548 second(s), 22 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部