美文网首页
如果使用hexo在github上搭建自己的博客

如果使用hexo在github上搭建自己的博客

作者: leoryzhu | 来源:发表于2019-02-28 16:34 被阅读1次

目前的写技术的文章的工具比较多,比如简书,掘金等第三方写作平台,用起来比较方便,那为什么还要搭建自己的博客呢,因为作为开发者没有个人的博客都显示不“了高逼格”,而且第三方写作平台主题都是定制好,自由性不好。个人博客工具之前用的比较多的wordpress,到现在的hexo,越来越简洁易用,下面直接说说今天的主角hexo以及怎么得用hexo搭建开发的个人博客。

hexo是什么

hexo可以理解成是基于node.js制作的一个博客工具,hexo不需要部署到我们的服务器上,我们能能markdown编辑markdown文章,然后hexo帮我们生成静态的html页面,然后交生成的html文件上传到服务器上,hexo就是一个静态页面生成、上传的工具。

环境

  • git 下载安装git客户端
  • Node.js 下载安装Node.js
  • Github账号 注册github帐号,Repository name为"自己的名称+.github.io",然后创建。


配置github的ssh密码

  • 首先在本地生成ssh密码,首先在桌面空白处鼠标右键选择Git Bash Here,然后输入:
ssh-keygen -t rsa -C "your's emaill address"

其中your's emaill address填入你的邮箱地址,回车,会提示你文件保存的路径,回车确认,然后输入github密码,输入确定,这时会生成两个文件,一个是id_rsa,另一个是id_rsa.pub,打开id_rsa.pub,复制里面的全部内容

  • 登陆github,点击头像,选择SSH and GPG keys,选择New SSH key



    输入title名称,自定义,把上面复制的Key粘贴到Key里面,点击Add SSH key,添加成功


安装Hexo

打开命令行,输入

npm install -g hexo-cli

等待一段时间后安装成功,通过hexo -v测试是否安装成功
创建一个空文件夹,如blog,存放博客信息,然后通过命令行进入该目录下,依次输入执行以下命令

hexo init
npm install
hexo g
hexo s

这时在浏览器输入http://localhost:4000/就看到本地成功的博客页面了

配置Hexo到Github

找到我们刚刚创建的博客文件夹,打到_config.yml文件,打开修改最后的成下面的样子

deploy:  
  type: git
  repository: https://github.com/yourname/yourname.github.io.git
  branch: master

注意yourname是你github的用户名
保存后执行,生成和上传静态页面到github

hexo clean
hexo g
hexo d

注:如果出现如下异常

ERROR Deployer not found: git

需要

npm install hexo-deployer-git --save

这样你的博客地址就是https://yourname.github.io

相关文章

网友评论

      本文标题:如果使用hexo在github上搭建自己的博客

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