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

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

一.搭建博客平台

1.1 视频教学hexo搭建

• 程序羊hexo搭建博客教程

1.2 windows安装遇到一些问题

• 提示未安装git正常安装就可以

• git和nodejs记得加入环境变量
  
  

• 中途退出再返回命令行
  
  先hexo g再hexo d，不然不会更新github仓库界面

• 记得删除.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>

• 头像、微信、收款码在相应位置加图片目录即可
  
  
  
• 主页不需要全文显示
  

1.5 上传博客

• markdown语法
  
  菜鸟教程
• 上传方式
  
  编辑.md后缀文件，粘贴到下面：C:\Users\Huai\blog\source_posts
  
  
  右键空白处，选择Git Bash Here
  
  hexo g生成静态文件
  
  hexo s 可本地预览博客
  
  hexo d 发布到github仓库上
• markdown 图片保存在内部
  
  参考：使用base编码