有许多技术人员都会写博客,写技术博客有多种途径,第一种就是在大型博客网站上发布文章,国内的有CSDN,博客园,简书,SegmentFault(思否),知乎专栏,掘金等等。想起当年有名的百度空间已经被关闭了就瑟瑟发抖,网易博客也已经停止运营,新浪博客看来也是奄奄一息,随时被抛弃。并且这些网站页面有的有广告,还无法随心所欲自定义样式等。另外一种就是自己搭建博客网站,好处是自己怎么方便怎么来。缺点就是花费一点时间学习一下怎么搭建。自己搭博客可选用WordPress,Hexo,Hugo,Jekyll等等,这里记录一下如何搭建Hexo静态博客。
Start
首先要明白Hexo是一个静态博客框架,基于Node.js,支持Markdown语法,搭建简单快捷。可以在自己电脑本地搭建预览效果,然后上传到网上。你说没有服务器,没事,有github账号就行。GitHub Pages结合Hexo就能搭建个人博客网站了。不用花钱就能实现,白嫖!
本地环境搭建
Hexo基于Node.js,所以电脑需要安装Node.js 和 Git。如果电脑已安装,可以跳过此步骤。
Node.js官网下载地址: Nodejs
Git官网下载地址: Git
Node.js安装的同时会自动安装一个包管理器,叫npm(Node Package Manager)。
安装成功后可查看到版本
1 | node -v |
本地搭建Hexo
通过npm安装Hexo框架
1 | ~ $ npm install -g hexo-cli |
Mac安装若遇到权限问题,在前面加sudo
1 | ~ $ sudo npm install -g hexo-cli |
查看hexo版本
1 | ~ $ hexo -v |
创建博客目录
新建一个目录存放blog所有内容,这里建一个叫blog
的目录,并进入目录
1 | ~ $ mkdir blog |
初始化博客与安装组件
这里初始化一个新博客目录,我的叫 Hexo
1 | ~/blog $ hexo init Hexo # 初始化 |
新建文章
1 | ~/blog/Hexo $ hexo new post "postTitle" # postTitle是文章标题 |
这样会在 source/_posts
目录下生成postTitle.md
文件,可用Markdown语法编写文章。
生成静态文件
会在站点根目录下生成public
目录,里面存放静态页面
1 | ~/blog/Hexo $ hexo generate # 生成静态文件 |
启动本地服务器进行预览
1 | ~/blog/Hexo $ hexo server # 启动服务 |
默认端口号是4000,打开浏览器访问 http://localhost:4000
可预览博客,在终端用Ctrl+C可关闭服务。
本地搭建到此结束,如果想将博客上传到网上而又不想破费,可以搭配GitHub使用。
注册GitHub
GitHub是一个鼎鼎有名的全球最大的男性同性交友平台,咳咳,不是你想的那种。那是一群技术爱好者聚集分享的地方。先注册了再说,用邮箱就能注册。GitHub官网
创建GitHub Pages
GitHub Pages
是由 GitHub 官方提供的一种免费的静态站点托管服务,我们可以在这里发布自己的静态网站页面。
注册完GitHub之后登陆,在GitHub主页右上角点击加号,点击New repository
创建新仓库。在Repository name
中输入yourGithubName.github.io
。yourGithubName
是Github的昵称,例如昵称是“Xiaoming”,这里就可以填“xiaoming.github.io”(注意大小写敏感)。另外不能自定义修改用户名,像“xiaoming123.github.io”就是错的。
然后就有一个博客地址了:“ https://yourGithubName.github.io ”
将Hexo文章部署到GitHub
安装hexo的git部署插件
1 | ~/blog/Hexo $ npm install hexo-deployer-git --save |
修改配置文件
打开站点根目录下的配置文件_config.yml
,在 Deployment
处修改。
1 | Deployment |
执行部署命令
1 | ~/blog/Hexo $ hexo clean #清除缓存,删除public目录 |
部署时可能要你输入GitHub的username和password
部署成功后就可以在 https://yourGithubName.github.io 看到自己的博客了。
End
以前blog也有很火的时候吧,只是那时我还小…如今各种App迅猛发展,挤压了blog的生存空间,blog不再像以前受欢迎了,但是还是有很多人喜欢它的。它有时是个树洞,给人宣泄的空间;有时是个老师,传播了宝贵的知识;有时是个观察者,见证了很多人的成长…
reference
hexo史上最全搭建教程hexo史上最全搭建教程
使用 Hexo+GitHub 搭建个人免费博客教程(小白向)