基于Hexo在Mac上搭建自己的个人博客

xiaoxiao2021-02-28  92


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

安装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:sjxt/sjxt.github.io.git branch: master

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

hexo clean hexo g hexo d

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

转载请注明原文地址: https://www.6miu.com/read-45268.html

最新回复(0)