前提

  • 安装好git,去官网下载一路next即可。
  • 注册好github账号
  • 安装Node.js, 安装教程
    image.png
    如果安装时是管理员权限,安装完之后给到修改权限。
    安装完成后检查是否安装成功
    node -v (安装nodejs后默认安装了npm)
    npm -v
    git –version
    hexo下载:npm install hexo-cli –g 安装博客的框架(hexo)
    hexo -v (查看版本,有版本即安装成功)

生成ssh: ssh-keygen -t rsa -C “邮箱地址”
.ssh生成路径:C:\Users\你的用户名.ssh
测定ssh是否绑定成功:ssh -T git@github.com
如果一直出现ssh: connect to host github.com port 22: Connection refused的话具体看这个教程

建站

在一个新建blog文件夹打开git bash

$1 npm install –g hexo	安装hexo
$2 hexo init            初始化hexo博客
$3 hexo –g              生成生成静态文件并部署网站
$4 hexo s               静态生成hexo页面,启动服务器
$5 INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

如果报错SyntaxError: Unexpected token …建议更新一下node.js版本

配置主题

hexo-theme-matery 是一个采用 Material Design 和响应式设计的 Hexo 博客主题,点击 这里 可以查看示例效果。点击 这里 下载 master 分支的最新稳定版的代码,解压缩后,将 hexo-theme-matery 的文件夹复制到 Hexo 的 themes 文件夹中即可。

切换主题

修改 Hexo 根目录下的 _config.yml 的 theme 的值:theme: hexo-theme-matery
_config.yml 文件的其它修改建议:

  • 请修改 _config.yml 的 url 的值为你的网站主 URL(如:http://xxx.github.io)。
  • 建议修改两个 per_page 的分页条数值为 6 的倍数,如:12、18 等,这样文章列表在各个屏幕下都能较好的显示。
  • 如果是中文用户,则建议修改 language 的值为 zh-CN。

新建分类 categories 页

categories 页是用来展示所有分类的页面,如果 source 目录下还没有 categories/index.md 文件,那么就需要新建一个,命令如下:

$ hexo new page "categories"

编辑你刚刚新建的页面文件 /source/categories/index.md,至少需要以下内容:

-–

title: categories

date: 2018-09-30 17:25:30

type: “categories”

layout: “categories”

一键部署到github

配置文件修改(_config.yml)
deploy:
type: git
repository: https://github.com/你的名字/仓库的名字.git
branch: 分支
类似如下:(repository可以替换成ssh链接)
image.png
安装hexo-deployer-git自动部署发布工具:
npm install hexo-deployer-git –save
hexo d #上传
注意:仓库名一定要取Star-champion.github.io (用户名.github.io)
生成静态文件并部署网站
hexo g -d

a.png

提示:subtitle和网站名称、作者都是在myblog根目录下更改的。要想看到首页轮播效果必须把几篇文章加入轮播里,然后开启轮播功能,readme文件有介绍加入文章front-matter的介绍(新建文章的配置)。

自定制修改
在本主题的 _config.yml 中可以修改部分自定义信息,有以下几个部分:

  • 菜单
    1. 我的梦想
    2. 首页的音乐播放器和视频播放器配置
    3. 是否显示推荐文章名称和按钮配置
    4. favicon 和 Logo
    5. 个人信息
    6. TOC 目录
    7. 文章打赏信息
    8. 复制文章内容时追加版权信息
    9. MathJax
    10. 文章字数统计、阅读时长
    11. 点击页面的’爱心’效果
    12. 我的项目
    13. 我的技能
    14. 我的相册
      Gitalk、Gitment、Valine 和 disqus 评论配置
    15. 不蒜子统计和谷歌分析(Google Analytics)
      默认特色图的集合。当文章没有设置特色图时,本主题会根据文章标题的 hashcode 值取余,来选择展示对应的特色图

其他参考


文章作者: Star Champion
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Star Champion !
 上一篇
2022-08-05 Star Champion
下一篇 
2022-08-04 Star Champion
  目录