美文网首页
利用 Github 和 hexo 搭建自己的博客

利用 Github 和 hexo 搭建自己的博客

作者: chargingcc | 来源:发表于2017-03-03 14:35 被阅读83次

    为什么要搭建自己的博客?

    • 想自己练练手。
    • 不想遇到被管理员删帖的事情,至少有一个自己保底的地方。
    • 随意,这里可以和大家很随意的分享一些东西。
    • 谁让知乎一直不支持 Markdown 呢?

    搭建博客需要条件


    我的系统 : windows 10 x64 (win7 也可以)

    步骤

    一、GitHub

    进入Github点击新建库(New repository) 记住红框2的内容:username

    1
    在创建页面填入域名,域名格式:username.github.io (所以我需要填写为 zealotce.github.io 网址好像不区分大小写的)
    具体设置如图所示填写就好了。到此github网页部分完成。
    打开安装好的git ,这里使用git bash(git客户端的命令行工具,比界面版(GUI)好用)。
    执行命令1:git global user.name [username]
    比如我的就是:git global user.name zealotce 请不要使用这个,仅作为示例。
    执行命令2:git global user.email [你的github邮箱名]
    2
    执行命令3:ssh-keygen -t rsa -C 然后一直enter 3下(这里会问你是否需要密码,是否确定等,略过就好,不用太操心)
    然后在 C:\Users\这里是你的用户名.ssh 下找到文件:id_rsa.pub 用记事本打开,复制里面的内容。
    回到 GitHub设置,Add SSH key,粘贴进去。
    到此github部分结束

    node.js & hexo

    将nodejs的安装包下载安装好后,在任意位置创建一个文件夹,快捷键shift + 鼠标右键 在此处打开CMD窗口
    输入指令1:npm install -g hexo-cli
    这里会比比较慢,等等就好。完成后继续输入
    输入指令2:hexo init
    输入指令3:hexo install
    完成后会有:_config.yml、package.json等等的文件和文件夹。

    这样准备工作基本都结束了,我们来试一下是不是可以用了。
    输入指令1:hexo generate
    输入指令2:hexo server
    这样本地已经可以浏览了,不信你可以去localhost:4000 查看。你会看到一份hello world 的文章,这个文章是放在你刚刚创建的那个文件夹的 source/_posts 这个文件夹下。

    部署到网络上

    在你创建的文件夹下找到 _config.yml 并打开,修改最后一段。第二段的 zealotCE 请改成你的。
    注意输入这些的时候一定要是英文,且冒号之后必须有空格。不然你输入命令的时候会没有反应

    输入命令1:hexo generate
    输入命令2:hexo deploy
    你会看到弹出一大段东西,最后会提示 [info] Deploy done: git 这样就对了
    你上你的网站: username.github.io 就可以看到了,username换成你的。

    可能的问题:
    输入hexo deploy 时没有任何反应,请主意是_config.yml 最后否填写了空格。

    至此建站完成

    后记

    如果你以后要写文章,在cmd 输入命令 hexo new "新文章" 然后去source/_post 文件夹下就可以看到一个 新文章.md 的文件,会有一点内容:
    title-你的文章名字,不填写就是没有,date-编辑时间,tags-标签
    比如你现在看到的这篇是:

    title: 利用 Github 和 hexo 搭建自己的博客
    date: 2017-03-03 10:58:33
    tags: Github hexo

    接下来你就可以按照 MarkDown 的方式写博客了。
    hexo文档地址:https://hexo.io/zh-cn/docs/index.html
    如果你喜欢我用的主题:Next主题
    git 教程,我推荐廖雪峰老师的:git 教程

    相关文章

      网友评论

          本文标题:利用 Github 和 hexo 搭建自己的博客

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