个人hexo博客(静态,无后台)搭建

博客搭建

1.工具安装

  1. 安装Node.js,其中包含Node.jsnpm(包管理器)
  2. 利用npm安装cnpm(淘宝的npm,速度在国内更快)
    • npm install -g cnpm --registry=https://registry.npm.taobao.org
  3. 安装hexo框架:cnpm install -g hexo-cli

2.搭建hexo

  1. 创建博客文件夹blog(后续都以此文件夹为基础),执行hexo init初始化hexo。
  2. Hexo搭建完毕后执行hexo s启动,然后访问localhost:4000查看效果。
  3. 若想发布博客,hexo new {博客名字}命令会在blog\source\_posts目录下新建你命名的md文件。然后hexo clean+hexo g+hexo s一条龙启动。
  4. hexo基本命令解释:
    • hexo s(s:start):启动hexo,本地访问地址是localhost:4000
    • hexo new {name}:新建博客(默认md格式);
    • hexo g(g:generate):生成,当博客编辑后,使用该命令生成对应文件:
    • hexo clean:清理。

3.部署

  1. 若要部署,可以对外访问。看以下步骤。(以在github上为例)

  2. 创建新仓库,名字是{账户名}.github.io,其中.github前必须是对应的github账户名

  3. cnpm install --save hexo-deployer-git,在blog目录下执行该命令,下载git插件

  4. 修改blog目录下的_config.xml文件,在deploy字段下添加

    deploy:
    type: git
    repo: https://github.com/lf-zhang/lf-zhang.github.io.git
    branch: master
    
  5. 执行hexo d(d:deploy)命令,部署到远端。此时即可关联成功

  6. 地址栏输入{账户名}.github.io即可访问hexo博客。

4.博客皮肤

  1. 找到皮肤相关的github地址,eg:https://github.com/litten/hexo-theme-yilia
  2. git cloneblog目录的themes文件夹下
    • git clone git@github.com:litten/hexo-theme-yilia.git命令
  3. 修改blog目录下的_config.xml,修改theme字段为theme: yilia,此时更改完毕
  4. 执行hexo cleanhexo g,清理,生成,然后hexo s启动。
  5. 若要同步设置到github,则使用hexo d命令即可。

如有错误,欢迎指正。

posted @ 2020-04-06 15:01  雨落成尘  阅读(433)  评论(0编辑  收藏  举报