美文网首页
HEXO - 搭建专属博客

HEXO - 搭建专属博客

作者: WPeach | 来源:发表于2016-12-17 17:20 被阅读0次

    博客是一种经验的积累与分享,写博客能段炼人的知识提取能力和语言组织能力,更重要的是爱分享的人,都是大神哦。

    在哪里写博客?网上的博客分享网站很多,但那都是架在别人的网站上的,何不自己搭建一个具有个人特色的网站呢。如果你觉得有趣,那就跟着下面介绍的几个步骤快速搭建自己的专属博客吧。

    我用的是:HexoGithub pages 技术


    前提:要有 Git 和 Node.js 环境,这个点击安装吧。

    先来介绍一下,本文涉及的一些概念:

    Git

    Git是一款免费、开源的分布式版本控制系统,Git可以保存任何文档,大大小小的项目都可以在上面托管,它还会记录你每次一次提交的全部内容,在多人合作或修改版本比较多时,极为适用,比如我前一段时间改了又改的论文o(>_< )o.

    深入理解,可以看 廖雪峰老师的《Git教程》,这个老师讲的Git很棒。

    Github

    github是git的仓库,每一个项目又有一个主页,呈现项目的文件。

    最常用的操作就是创建项目和重现文件。官网链接: https://pages.github.com/

    Github pages

    相比于github,github pages允许用户自定义项目首页,用来替代默认的源码列表,可以被认为是用户编写的、托管在github上的静态网页。官网链接http://o6sjbagyi.bkt.clouddn.com/github_pages.png

    注意: Github pages有 User pagesProject pages两种类型,我们做博客用的是User pages,它的使用规范是:创建的仓库必须以username.github.io命名,使用仓库的master分支,通过http(s)://username.github.io进行访问。


    第一步 下载hexo

    首先打开命令行,windows系统可以在电脑左下角找到windonws图标,右键`命令行提示符`,或是在`运行`里面输入cmd,都会跳到命令行。

    输入命令:npm install hexo -g


    第二步 初始化到文件夹

    1. 在合适的地方,新建一个文件夹,然后进入文件目录

    输入命令:

    d:

    cd blog

    hexo init

    2. 也可以用hexo创建目录

    输入命令:hexo init d:\blog

    第三步 生成静态网站

    输入命令:hexo generate 或 hexo g

    生成public文件夹,里面有初始化静态网站页面。

    第四步 启动本地服务器

    输入命令:hexo server 或 hexo s

    然后直接在http://localhost:4000/ 中打开了

    ctrl+c 关掉服务

    第五步 部署到Github

    前面的步奏,能让你在本地看到网站的效果,怎么发布的网上,就可以借助github,github是一个非常好用的版本控制工具,可以把项目部署到github,是可以自由访问。

    1. 注册Github(已有github账户的童鞋请忽略)

        在Github官网,填写相关信息,完成注册

    2. 点击new repositories,新建一个新项目(你也可以加入到一个已有的项目)

    3. 建立仓库名,必须是xxx.github.io(注xxx是用户名)

    提交后可以看看ssh的值

    第六步 配置hexo文件

    打开hexo根目录下的_config.yml文件,在文档最后面加上deploy的相关信息,如下图

    # Deployment  站点部署到github要配置这里, 非常重要

    ## Docs: https://hexo.io/docs/deployment.html

    deploy:

    type: git  #部署类型,这里使用git

    repo: git@github.com:Wpeach/W.github.io.git #部署仓库的SSH

    branch: master  #部署分支,一般用master主分支

    第七步 发布网站

    激动人心的时候到了,不要激动,跟着我把下面的命令敲完:

    输入命令:npm install hexo-deployer-git --save

    hexo deploy 或 hexo d

    好啦,这样你就可以在外网访问你的博客了

    http://wpeach.github.io/(换成你的用户名哦)


    后续说明

    1. 博客的路径在`source/_posts`目录下

    增加或修改博客后

    执行以下命令:hexo clean

    hexo g

    hexo d

    2. 可以使用`markdown`编写博文,这也是很多人喜欢hexo的原因,用过之后相信你也会喜欢,网上有很多markdown编辑器,可以自寻找喜欢的,我现在用的是 作业部落 。

    3. 关于hexo的更多介绍,可以浏览https://hexo.io/zh-cn/网站

    相关文章

      网友评论

          本文标题:HEXO - 搭建专属博客

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