Open jeasonstudio opened 6 years ago
您好,非常感谢您的用心教学,但是在“Find前往文件夹~/.ssh/id_rsa.pub打开id_rsa.pub文件”,这一步,我的Mac系统上,却检索rsa文件,却始终无法找到该文件。请问具体如何解决呢?不胜感激!
您好,非常感谢您的用心教学,但是在“Find前往文件夹~/.ssh/id_rsa.pub打开id_rsa.pub文件”,这一步,我的Mac系统上,却检索rsa文件,却始终无法找到该文件。请问具体如何解决呢?不胜感激!
请参考文章最后的「参考链接」中的「如何生成 SSH Key」。祝好。 @AlexanderOuYang
Mac上搭建基于GitHub Page的Hexo博客
首先我来解释一下,一个多月没更博客,博主跑哪优秀去了。。。
总之,拖了这么久,一个月零十二天,抱歉抱歉。(这话可能是说给自己听的)
这是一篇详细文章来讲述用Mac搭建Hexo博客于Github上的完整历程, 也是踩了无数的坑搭起来的,这篇文章很大部分内容由“与佳期”完成,征得原文作者同意后发布。
如果你曾经或一直是一个
“域名+服务器+WordPress”
的使用者,那么。我建议你不放看完全文。 如果你也想像我一样零投资搭建一个好看的博客,那你没啥说的,看完它。P.S.:零投资并不是零投入,你需要有一颗爱鼓捣的心————By Jeason
点开全文,全是干货↓
环境配置
Hexo官网上本就有对Hexo安装及使用的详细介绍,墙裂推荐。这里来讲述自己安装的亲身步骤,或有区别。
Node.js
用来生成静态页面。移步Node.js官网,下载v5.5.0 Stable 一路安装即可。
Git
用来将本地Hexo内容提交到Github上。Xcode自带Git,这里不再赘述。如果没有Xcode可以参考Hexo官网上的安装方法。
安装Hexo
当Node.js和Git都安装好后就可以正式安装Hexo了,终端执行如下命令:
输入管理员密码(Mac登录密码)即开始安装 (
sudo
:linux系统管理指令-g
:全局安装)初始化
终端cd到一个你选定的目录,执行
hexo init
命令:blog
是你建立的文件夹名称。cd到blog
文件夹下,执行如下命令,安装npm:执行如下命令,开启hexo服务器:
此时,浏览器中打开网址http://localhost:4000,能看到如下页面:
本地设置好后,接下来开始关联Github。
关联Github
添加ssh key到Github
检查SSH keys是否存在Github
执行如下命令,检查SSH keys是否存在。如果有文件
id_rsa.pub
或id_dsa.pub
,则直接进入步骤1.3将SSH key添加到Github中,否则进入下一步生成SSH key。生成新的ssh key
执行如下命令生成public/private rsa key pair,注意将
your_email@example.com
换成你自己注册Github的邮箱地址。默认会在相应路径下(
~/.ssh/id_rsa.pub
)生成id_rsa
和id_rsa.pub
两个文件。将ssh key添加到Github中
Find前往文件夹
~/.ssh/id_rsa.pub
打开id_rsa.pub文件,里面的信息即为SSH key,将这些信息复制到Github的Add SSH key页面即可。进入Github --> Settings --> SSH keys --> add SSH key:
Title里任意添一个标题,将复制的内容粘贴到Key里,点击下方
Add key
绿色按钮即可。创建仓库
登录你的Github帐号,新建仓库,名为
用户名.github.io
固定写法,如jeasonstudio.github.io
,如下图所示:本地的
blog
文件夹下内容为:终端cd到
blog
文件夹下,vim
打开_config.yml
,命令如下:打开后往下滑到最后,修改成下边的样子:
你需要将
repository
后jeasonstudio
换成你自己的用户名,地址在上图2
位置获取。hexo 3.1.1版本后type:
值为git
。在
blog
文件夹目录下执行生成静态页面命令:此时若出现如下报错:
则执行命令:
若无报错,自行忽略此步骤。
再执行配置命令:
再次执行
hexo generate
和hexo deploy
命令此时,浏览器中打开网址http://jeasonstudio.github.io(将
jeasonstudio
换成你的用户名)能看到和打开http://localhost:4000
时一样的页面。发布文章
终端cd到
blog
文件夹下,执行如下命令新建文章:名为
postName.md
的文件会建在目录/blog/source/_posts
下。你当然可以用vim来编辑文章。文章编辑完成后,终端cd到
blog
文件夹下,执行如下命令来发布:至此,Mac上搭建基于Github的Hexo博客就完成了。下面的内容是介绍安装theme,添加评论功能和绑定个人域名,如果有兴趣且还有耐心的话,请继续吧。
安装theme
你可以到Hexo官网主题页去搜寻自己喜欢的theme。这里以hexo-theme-next为例
终端cd到
blog
目录下执行如下命令:将
blog
目录下_config.yml
里theme
的名称landscape
修改为next
终端cd到
blog
目录下执行如下命令(每次部署文章的步骤):至于更改theme内容,比如名称,描述,头像等去修改
blog/_config.yml
文件和blog/themes/next/_config.yml
文件中对应的属性名称即可, 不要忘记冒号:
后加空格。 NexT 使用文档里有极详细的介绍。绑定个人域名
现在使用的域名是Github提供的二级域名,也可以绑定为自己的个性域名。购买域名,可以到GoDaddy官网,网友亲切称呼为:狗爹,也可以到阿里万网购买。
Github端
在
/blog/themes/landscape/source
目录下新建文件名为:CNAME
文件,注意没有后缀名!直接将自己的域名如:jeasonstudio.com
写入。终端cd到
blog
目录下执行如下命令重新部署:域名解析
如果将域名指向一个域名,实现与被指向域名相同的访问效果,需要增加CNAME记录。
登录你注册域名的网站,比如万网,在你购买的域名后边点击:解析 --> 添加解析
记录类型:CNAME
主机记录:将域名解析为example.com(不带www),填写@或者不填写
记录值:jeasonstudio.github.io. (不要忘记最后的
.
,jeasonstudio
改为你自己的用户名),点击保存即可。此时,大功告成!
后记
参考Hexo博客:Jeasonstudio,希望对大家有所帮助,欢迎吐槽~
参考链接