vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客

一个爱折腾的人，总是忍不住去自己动手尝试新鲜事物。就拿写博客来说，虽然网上已经提供了很多博客平台，但是总有一些个性化的需要得不到满足。所以就抽空去网上找了下如何使用Hexo+Github 搭建自己博客，本文就是对搭建的过程做一个记录。

在正式开始之前，先对几个后面用到的软件做个简单的介绍。

• Homebrew：macOS的软件包管理器，能非常方便的使用brew命令安装软件
• git: 版本控制软件。使用Git命令将代码或者文件托管到GitHub
• nvm: 一个开源的node.js多版本管理工具，管理多个版本的node.js，类似于Python中的pyenv工具
• node.js: 基于Chrome JavaScript运行时的平台，也就是运行在服务端的JavaScript
• Hexo: 一个快速、简介高效的博客框架。使用Markdown解析，快速生成静态网页

介绍了几个概念之后，下面开始博客搭建之旅。

一、安装Homebrew

打开终端，执行下面代码

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

查看是否安装成功: brew --version

二、安装Git

用brew安装Git,如果已经安装过可忽略。

brew install git

查看是否安装成功: git --version

三、安装nvm

用brew安装nvm

brew install nvm

配置nvm(安装成功后会提示如何配置)

创建.nvm文件件

mkdir ~/.nvm

~/.bash_profile 或者 ~/.zshrc 中添加下面命令 (我这里是.zshrc 配置文件)

export NVM_DIR="$HOME/.nvm" [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm [ -s "/usr/local/opt/nvm/etc/bash_completion" ] && . "/usr/local/opt/nvm/etc/bash_completion" # This loads nvm bash_completion

source一下

source ~/.zshrc

四、安装node

通过nvm安装node

nvm ls-remote #查看node所有版本 nvm install v12.12.0 #安装你要的版本 nvm use v12.12.0 #使用指定的版本 nvm alias default v12.12.0 #默认版本，每次打开终端，都自动使用该版本

安装是否成功：node -v 、npm -v

查看nvm使用帮助: nvm

五、安装配置Hexo

利用npm命令安装

npm install -g hexo-cli #-g参数表示全局安装

初始化Hexo

创建博客存放文件夹

mkdir gallenzhang-blog #目录名称以及目录位置可以自己随意指定

hexo初始化

hexo init gallenzhang-blog cd gallenzhang-blog

初始化后文件夹预览

Hexo下载配置

https://hexo.io/themes/ 上列了很多主题，可以选择自己喜欢的主题用git clone方式下载，放在/themes下即可。当然我们也可以fork这个主题项目，根据自己的喜好进行二次开发。

cd ~/work/gallenzhang-blog/git clone https://github.com/theme-next/hexo-theme-next themes/next

在 _config_yml 文件中配置主题、博客等信息

# Site title: Java后端沉思录 #博客名字 subtitle: description: keywords: author: gallenzhang #博客作者 language: zh-Hans #设置语言 timezone:# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next #博客主题

添加文章

新建Markdown格式的文件，将写完的文章放到 source/_posts 路径下。

本地启动

hexo g # hexo s #

本地预览

启动成功后，浏览器访问： http:localhost:4000

hexo常用命令

下面再介绍几个最常用的hexo命令，帮助你更愉快的写作和发布文章。想学习其他命令用法，可以访问 https://hexo.io/zh-cn/docs/commands.html

#服务器 hexo init #初始化hexo hexo g #等于hexo generate =>生成静态页面到public目录 hexo s #等于hexo server =>启动hexo服务，通过4000端口访问。 hexo n 文章名称 #等于hexo new "文章名称" =>新建文章。 hexo p #等于hexo publish hexo d #等于hexo deploy =>目录部署到GitHub。hexo clean #清除缓存，网页正常情况下忽略此条命令 hexo generate --watch #监视文件变动hexo d -g #生成部署合并为一条命令

六、关联GitHub

申请GitHub账号

https://github.com/ 上注册一个账号，已有账号直接登录。

创建一个新的仓库

填写Repository name那一栏时最好与你的用户名保持一致，我的是「gallenzhang.github.io」，然后点击"Create repositorya" 按钮完成创建。

安装自动部署插件

$ npm install hexo-deployer-git --save

发布到GitHub

修改第五步骤中的 _config_yml 文件，配置发布信息

# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: gitbranch: masterrepo: https://github.com/gallenzhang/gallenzhang.github.io.git

生成静态网页并部署（任选一种方式就行）

hexo g hexo dhexo d -g #生成部署合并为一条命令

错误提示

如果部署的时候出现 "ERROR Deployer not found: git" 错误提示，那是因为没有安装hexo-deployer-git插件。输入下面的命令，安装下插件重新试一下就好了。

npm install hexo-deployer-git --save

七、通过GitHub网址来访问

浏览器输入: https://gallenzhang.github.io/ 可以看到已经部署成功了。

八、参考

自己在搭建的过程中也参考了其他博文，这里贴一下连接。

https://hankliu62.github.io/2017/09/09/hexo-github-blog-guide/

http://gonghonglou.com/2016/02/03/firstblog/

总结

很多事情看起来很麻烦，但是自己从头开始操作一遍，发现事情并没有那么复杂，因为有了具体的目标反而是乐在其中。只要开始做了，一切模糊抽象的问题就变得具体了。

从头开始搭建这么一个博客加上这篇博客记录，大概花了半天时间。中间也遇到一些问题，通过搜索引擎基本都能很快搞定。折腾的乐趣在于看到博客可以访问的那一刻，会很有满足感。

总结

以上是生活随笔为你收集整理的vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。