建站记录

hexo常用命令

记录仅用于个人使用,不适用于学习,如需建站请参考: Hexo+Github博客搭建完全教程
我也没搞懂hexo,所以不考虑出教程

环境部署

添加国内镜像

npm config set registry https://registry.npm.taobao.org

创建文件夹(作为网页容器)并在git bash打开
安装hexo

npm install -g hexo-cli

验证是否安装成功

hexo -v

初始化hexo

hexo init

安装必备组件

npm install

生成静态网页

hexo g

打开本地服务器

hexo s

现在浏览器打开 http://localhost:4000/ 已经可以看到博客,按下 ctrl+c 终止服务

修改博客根目录下的 _config.yml 文件,修改最后一行的配置,告诉工具将生成的网页通过 git 的方式上传到 repository 中

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

安装 deploy-git (git方式的部署工具)

npm install hexo-deployer-git --save

清除之前生成的东西

hexo clean

生成静态网站

hexo g

部署网站

hexo d

安装拓展(创建博文工具)

npm i hexo-deployer-git

创建初始博文

hexo new post "博文名称"

优化更改

修改初始文章内容
修改 /scaffolds/post.md 为如下代码

---
title: {{ title }}
date: {{ date }}
top: false
cover: false
password:
toc: true
mathjax: true
summary:
tags:
categories:
---

添加404页面
在 /source/ 目录下新建一个 404.md ,内容如下

---
title: 404
date: 2019-07-19 16:41:10
type: "404"
layout: "404"
description: "你来到了没有知识的荒原 :("
---

在 /themes/你选择的主题/layout/ 目录下新建一个 404.ejs 文件,内容如下

<style type="text/css">
    /* don't remove. */
    .about-cover {
        height: 75vh;
    }
</style>

<div class="bg-cover pd-header about-cover">
    <div class="container">
        <div class="row">
            <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
                <div class="brand">
                    <div class="title center-align">
                        404
                    </div>
                    <div class="description center-align">
                        <%= page.description %>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    // 每天切换 banner 图.  Switch banner image every day.
    $('.bg-cover').css('background-image', 'url(/medias/banner/' + new Date().getDay() + '.jpg)');
</script>

  转载请注明: F-同学 建站记录

  目录