Hexo+Github 搭建属于自己的博客

前往YXZ的博客了解更多

配置Node.js环境

下载Node.js安装文件

Windows Installer 32-bit

Windows Installer 64-bit

验证Node.js环境(查看版本号)
node -v

npm -v

配置Git环境(安装git与版本查看)

安装git

GIT官网下载

验证版本
git --version

github账户的注册和配置

账号注册

打开官网https://github.com/按照提示注册即可

创建代码库

登陆之后,点击页面右上角的加号,选择New repository

repository name下填写 yxz112660.github.io,Description (optional)下填写一些简单的描述(不写也没有关系)

注意:比如我的github名称是yxz112660 ,这里就填 yxz112660.github.io,如果你的名字是yxz112,那你就填 yxz112.github.io,然后点击创建

到此搭建hexo博客的相关环境配置已经完成,下面开始讲解Hexo的相关配置

安装Hexo

在自己认为合适的地方创建一个文件夹,这里我以E:/hexo 为例子讲解,首先在E盘目录下创建Hexo文件夹,并在命令行的窗口进入到该目录

在命令行中输入
npm install hexo-cli -g

npm install hexo --save

验证
hexo -v

hexo的相关配置

初始化Hexo

接着上面的操作,输入

hexo init

npm install
首次体验Hexo(生成静态文件)
hexo g
首次体验Hexo(气动hexo服务)
hexo s

在浏览器中打开http://localhost:4000/,你将会看到你的专属博客站了

将Hexo与github关联

配置Deployment

同样在_config.yml文件中,找到Deployment,然后按照如下修改:

deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master

比如我的仓库的地址是git@github.com:yxz112660/yxz112660.github.io.git,所以配置如下

deploy:
type: git
repo: git@github.com:gdutxiaoxu/gdutxiaoxu.github.io.git
branch: master

写博客、发布文章

新建一篇博客,执行下面的命令:
hexo new post "hello hexo"

这时候在我的 电脑的目录下 F:\hexo\source_posts 将会看到 hello hexo .md 文件

用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令:

hexo generate   // 生成
hexo deploy   // 部署

或者

hexo g   // 生成
hexo d   // 部署
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值