0元快速搭建属于自己的博客

对着背影说爱祢 提交于 2019-12-01 09:13:20

个人博客地址http://lx.nextdev.top

这篇文章介绍了如何用coding page +hexo 无成本搭建个人博客。

需求环境:

必须环境:


开始

  • 快速开始

    • 打开 cmd 输入:

npm install -g hexo-cli
  • 新建hexo项目:

hexo init <项目名称>
  • 然后安装依赖:

npm install
  • 完成!


  • 修改网站配置

    _config.yml 中可以修改配置。

    • 网站主配置:

title: 博客的名称 subtitle: 副标题 description: 博客的短描述 author: 作者 language: zh-Hans
  • 域名配置:

url: 你的域名 root: 网站根目录,默认为/ permalink: 文章URL配置
  • 主题配置:

theme: 在这里可以设置主题

推荐使用 next主题

  • git配置:

deploy:   type: git   repo: 项目库地址   branch: 分支
  • 配置完成后输入:

npm install hexo-deployer-git --save
  • OK!博客配置完了


  • 使用Next主题

开始使用

cmd 打开 hexo 项目目录,输入:

git clone https://github.com/iissnan/hexo-theme-next themes/next

打开站点配置文件,修改以下代码:

theme: next

运行

cmd 中输入:

hexo g

然后再输入:

hexo s

打开浏览器输入:

http://localhost:4000/

成功!

部署到coding

cmd 中输入:

hexo d

拓展

下文的主题配置文件为 \博客\themes\next\_config.yml

  • 开启炫酷背景:

    • 打开主题配置文件并找到:

canvas_nest: false
  • 改为:

canvas_nest: true
  • 添加打赏功能

    • 打开主题配置文件,修改以下内容

reward_comment: 打赏信息 wechatpay: 微信扫码支付的图片地址 alipay: 支付宝扫码支付的图片地址

好了,你的博客到此为止,已经搭建完成。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!