年终冲刺,开始996了,借晚上加班的剩余时间,把博客的文章同步到简书,方便访问和查阅
搭建个人域名博客的七大步(Mac):
一、安装博客工具:
- 安装node.js,用来生成静态页面(node官网:
https://nodejs.org
) - 安装git,用来把博客提交到github pages (Mac下载Xcode后自带git不用再安装)
- 安装hexo,命令
$ sudo npm install -g hexo
推荐(不做操作):homebrew 是Mac上面用来安装或者卸载软件用的非常方便的一个软件,homebrew官网。
homebrew 的安装需要注意的是 homebrew 安装的时候一定要在 sudo 管理员权限下安装,否则可能遇到写入失败的问题。
安装方法:打开终端输入
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
二、建立站点:
- 打开终端 cd到你想存放站点的目录下,执行命令:$ hexo init blog
- cd到创建的blog目录下,执行命令:$ npm install,完成后,blog文件夹的目录如下:
_config.yml // 站点的配置信息
package.json // 应用程序的信息
scanffolds // 模板文件夹
source // 存放用户资源的文件夹
themes // 主题文件夹,Hexo会根据主题生成静态页面
- 启动本地服务:执行命令:$ hexo s
- 访问http://localhost:4000,查看是否可以访问成功,若网页可正常显示,则站点创建成功
三、关联Github账号:
- 去github注册一个账号:https://github.com
-
注册完账号后点击加号,创建一个新的公共仓库,name的格式一定要写成:你的github名+github.io
- 终端cd到blog目录下,使用vim命令编辑_config.yml,滑到最底部,将deploy里的内容改为如下:
deploy:
type: git
repository: https://github.com/rocksky/rocksky.github.io.git
branch: master
异常处理:
如果出现:
FATAL remote: Permission to rocksky/rocksky.github.io.git denied to skyrock90.
fatal: unable to access 'https://github.com/rocksky/rocksky.github.io.git/': The requested URL returned error: 403
将
repository: https://github.com/rocksky/rocksky.github.io.git
替换为下面的
repository: git@github.com:/rocksky/rocksky.github.io.git
- 生成静态页面: $ hexo g 此时若出现如下报错:
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
- 则执行命令:
npm install hexo --save
- 部署:$ hexo d 若执行hexo d仍报错,则在blog目录下执行:
$ npm install hexo-deployer-git --save
四、配置SSH
- 配置github用户名:$ git config --global user.name "rocksky"//GitHub用户名
- 配置github邮箱:$git config --global user.email "1*****9@qq.com"//GitHub注册邮箱
- 生成ssh密钥:$ ssh-keygen -t rsa -C "xxx@qq.com”(你的github邮箱),配置完成后可以在/Users/sky/.ssh/目录下看到生成id_rsa和id_rsa.pub两个文件
- 将SSH key添加到Github,打开id_rsa.pub文件,里面的信息即为SSH key,将这些信息复制到Github的Add SSH key页面即可。进入Github –> Settings –> SSH keys –> add SSH key, Title里任意添一个标题,将复制的内容粘贴到Key里,点击下方Add key绿色按钮即可
- 至此,你可以通过
https://你的github用户名.github.io/
完美的访问你自己的博客了 - 接下来,你还有更长的路要走,年轻人!甩甩你那飘逸的长发继续前行吧
五、关联个人域名:
用终端ping出你github的ip(例如:ping www.skyrock90.github.io)
去阿里云什么的购买域名,购买成功后进入控制台,进行域名解析
[图片上传失败...(image-ee1ace-1514363359572)]
选择用到的域名点击解析,首次选择下面网站解析的立即修改
[图片上传失败...(image-26a64d-1514363359572)]
选择需要解析的域名,点击添加域名解析
[图片上传失败...(image-c6b205-1514363359572)]记录类型选A 主机记录写@ 运营商写默认 记录值写ping出的ip ,最后点击保存
生成CNAME的文件,不知道怎么生成的可以到这里去下载,将CNAME的内容改为你的域名,保存
[图片上传失败...(image-72abf7-1514363359572)]添加CNAME解析,记录类型选择CNAME,主机记录写www,记录值填写博客的github访问地址(skyrock90.github.io),保存,至此域名设置完
[站外图片上传中...(image-469488-1514363359572)]将CNAME文件放到站点的source文件夹下(不能和source同级),这样可以避免CNAME提交不上
执行命令:完成后就可以用域名访问你的博客
有木有很完美?有木有?
六、修改博客主题为NexT主题:
- 下载主题,并将主题下载到thems/next文件夹下,可以使用git命令:
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
- 在blog目录下,使用vim命令编辑_config.yml,找到theme,修改为:
theme: next
title: language: zh-Hans description:这些参数可自行设置
七、新建博客文章:
- 终端里cd到blog目录下,执行$ hexo new "文章名字”,这时会在blog/source/_posts目录下生成文章名字.md文件,尽量不要使用中文来命名,方便以后设置超链接跳转
- 执行如下命令,更新博客,就能看到你新写的文章了
hexo clean
hexo g
hexo d