搭建个人博客:hexo-blog-markdown

哲学家解释世界
294 阅读2分钟

一.搭建博客平台

1.1 视频教学hexo搭建
程序羊hexo搭建博客教程

1.2 windows安装遇到一些问题

  1. 提示未安装git正常安装就可以
  2. git和nodejs记得加入环境变量1.png
  3. 中途退出再返回命令行
    先hexo g再hexo d，不然不会更新github仓库界面
  4. 记得删除.deploy文件夹
    删除.deploy文件夹

1.3 主题更换

  • 具体操作见 程序羊视频 后半部分
  • hexo d更新要等一会，先hexo s修改本地查看，最后hexo d上传

1.4 yilia主题的基本修改

  • 参考
  • 名字等基本信息更改在yilia的配置文件中
# Site
title: Huai Blog
subtitle: '哲学家解释世界，但关键是如何去做'
description: '个人技术博客'
keywords:
author: Gui Haohuai
language: zh-CN
timezone: ''
  • 左滑动栏显示文章:
    在博客根目录（注意不是yilia根目录）执行以下命令:
    npm i hexo-generator-json-content --save
    在根目录_config.yml里添加配置
# 请确保node版本大于6.2
jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: false
    tags: true
  • 设置总文章数
#  将**themes\yilia\layout_partial**left-col.ejs文件的

<nav class="header-menu">
    <ul>
    <% for (var i in theme.menu){ %>
        <li><a href="<%- url_for(theme.menu[i]) %>"><%= i %></a></li>
    <%}%>
    </ul>
</nav>

#后面加上

<nav>
    总文章数 <%=site.posts.length%>
</nav>
  • 头像、微信、收款码在相应位置加图片目录即可 2.png

3.png

4.png

  • 主页不需要全文显示

5.png

1.5 上传博客

  • markdown语法
    菜鸟教程

  • 上传方式
    编辑.md后缀文件，粘贴到下面：C:\Users\Huai\blog\source_posts6.png
    右键空白处，选择Git Bash Here
    hexo g生成静态文件
    hexo s 可本地预览博客
    hexo d 发布到github仓库上

  • markdown 图片保存在内部
    参考：使用base编码

  • 后续问题
    本地和部署更新不及时，乃至无法同步，后面坑不少，耐得住性子可以慢慢玩

avatar
文章
阅读
粉丝