美文网首页程序员
使用Hexo搭建个人博客

使用Hexo搭建个人博客

作者: Joepis | 来源:发表于2017-02-19 19:47 被阅读107次

    摘要: 原创出处 http://peijie2016.gitee.io 欢迎转载,保留摘要,谢谢!

    最近闲着没事,用hexo搭建了一个个人博客,部署在 githuboschina上,欢迎大家来我博客踩踩~ _

    Hexo

    下面总结一下搭建过程:

    环境搭建

    hexo是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github和Heroku上
    引用Hexo作者 @tommy351 的话:

    快速、简单且功能强大的 Node.js 博客框架。A fast, simple & powerful blog framework, powered by Node.js.

    所以,第一步,就是下载node的安装包并安装,附上node下载地址
    安装好node,会默认一起安装好npm包管理器,这可是一个神器啊。
    可以打开终端cmd,执行一下命令确认安装完毕。

    node -v
    npm -version

    另外一个,就是git了。git也没什么好说的,官网下载,选择自己操作系统的版本,一路next就装好了。

    安装hexo

    git终端或者cmd执行安装hexo

    npm install hexo-cli -g

    以windows系统为例,在你想要安装的盘新建一个目录,比如d:/blog,在此目录下右键打开git的终端(就是Git Bash Here),然后执行

    hexo init

    初始化博客目录,然后执行

    npm install

    会下载需要的库。之后执行

    hexo server

    简便语法:hexo s
    启动本地服务器,在浏览器打开localhost:4000就可以看到效果了。
    关闭本地服务:ctrl + c
    有不明白可以看hexo官网,官网讲的很详细了。

    创建Github仓库

    本地博客搭建完,只要部署在github上就ok啦。

    • 登录github,没有的自己注册。
    • 创建一个Repository,名字必须为【你的用户名.github.io】。

    配置博客部署信息

    博客的根目录d:/blog下有一个配置文件_config.yml,这里可以配置你的github的地址等信息,配置完,执行

    hexo g

    生成静态文件,然后

    hexo d

    就部署到github上了,然后在浏览器打开 【你的用户名.github.io】就可以了。

    最后

    这个过程你会遇到许多问题,这边放上几篇参考,可以解决你的困惑。

    DIY博客

    hexo默认主题是landscape,不喜欢,可以自己替换主题,这当然需要自己配置许多东西,我用的是NexT主题,放上一点参考吧。
    NexT官网

    相关文章

      网友评论

        本文标题:使用Hexo搭建个人博客

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