美文网首页
mac上搭建自己个人博客

mac上搭建自己个人博客

作者: sjxt | 来源:发表于2017-09-06 16:36 被阅读126次

博客的搭建大致分为以下几个步骤

  • 安装Node.js
  • 安装Git
  • 安装Hexo
  • 安装主题
  • 本地运行测试
  • 注册github并创建仓库
  • 部署到github中去

1、安装Node.js

安装

先安装包管理器brew,参考:
http://www.cnblogs.com/EasonJim/p/6287098.html
有以上前提后,输入:

 brew install node

验证

 node -v
 npm -v

更新

//单独运行
brew update
brew upgrade node
npm install -g npm
//一条运行
brew update && brew upgrade node && npm install -g npm

2、安装Git

如果安装上面的步骤安装了node.js,那么安装git就只需要在终端输入下面一句就好了

brew install git

验证一下

git --version

3、安装Hexo

安装Hexo的非常简单,只要一条命令,前提是安装好Node.js与Git

npm install -g hexo-cli

初始化,随便创建一个文件夹,名字随便取,cd创建的文件夹里面,执行下面命令:

hexo init
npm install

本地启动

hexo g
hexo s

访问本地链接:http://localhost:4000/

这里写图片描述

4、安装主题(Next为例)

更多主题查看官网https://hexo.io/themes/
知乎推荐主题https://www.zhihu.com/question/24422335

复制主题

Hexo 安装主题的方式非常简单,只需要将主题文件拷贝至站点目录的 themes 目录下, 然后修改下配置文件即可
cd 本地创建的根目录下
git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

打开根目录下的_config.yml文件,找到 theme 字段,并将其值更改为 next

theme: next

更改主题外观

NexT有三个外观,直接更改主题_config.yml文件的 scheme 参数即可,如果显示的是繁体中文,那么站点配置文件中的 language: zh-CN

#scheme: Muse
scheme: Mist
#scheme: Pisces

再执行 hexo clean 和 hexo s 就可以在本地预览效果了


5、注册github并创建仓库

注册账户就不多说了
直接进入创建仓库

这里写图片描述 这里写图片描述

配置SSH

为什么要配置这个ssh?
配置SSH 是为了绑定个人电脑与仓库的关系,方便之后把博客部署到仓库中

生成SSH Key

ssh-keygen -t rsa -C 你的邮箱
这里写图片描述

登录Github,右上角 头像 -> Settings —> SSH nd GPG keys —> New SSH key 。把复制的内容粘贴到key中,填好title并点击 Add SSH key

验证一下是否成功

ssh -T git@github.com
注意要输入yes

之后还需要设置username和email,为了记录每次提交的记录

git config --global user.name your name
git config --global user.email your_email@youremail.com

6、部署到github中去

安装Git部署插件

npm install hexo-deployer-git --save

打开_config.yml文件,在最底部修改部署配置,注意严格的空格

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:youname/youname.github.io.git
  branch: master

保存后在终端执行以下命令

hexo clean
hexo g
hexo d

部署完成后可在浏览器输入 yourname.github.io 这样就能看到自己一个属于自己的博客了,由于github是属于国外的服务器,访问起来有点慢,你也可以部署到coding中去,步骤类似,就不多说了

如果对你有用,欢迎star一下,谢谢!https://github.com/sjxt

相关文章

网友评论

      本文标题:mac上搭建自己个人博客

      本文链接:https://www.haomeiwen.com/subject/morvjxtx.html