How-to-use-Hexo

发表于 | 分类于

使用python和github搭建个人博客

一、简介

  • 作为学习PythonWeb的入门，依托github搭建个人博客，以后的项目代码和笔记均托管在这里。由于静态网站加载快易被搜索引擎检索到，我们使用hexo(a fast simple&powerful blog framework)搭建框架。

二、站点搭建

1. git & GitHub

  • 系统学习了git，自己的github账号：

https://github.com/RoyKun1

  • 搭建网站需要建立名为/roykun1.github.io的git仓库，可以访问：

https://roykun1.github.io/

2. Hexo

https://hexo.io/

  • 可以参考这个教程学习：

https://blog.csdn.net/u011475210/article/details/79023429#%E5%89%8D%E8%A8%80

  Hexo的优点

  • 支持Markdown格式
  • 有众多优秀插件和主题
  • 文档完善

  安装和使用

  • 安装node.js

    1. 官网下载：
      https://nodejs.org/en/download/

    2. 选择LTS版本，选择偶数的NodeJS版本，例如：8、10，因为偶数是长期稳定版本，有较好的兼容性。

    3. 双击运行安装包，其他默认就好

    4. 查看版本： win R; node -v 10.16.3

    5. 新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理

    6. 需要进行一些环境变量的配置：https://blog.csdn.net/cai454692590/article/details/86093297

      1
      2
      ![](https://i.imgur.com/z9Cnjew.png)
      由于markdown的国内服务器好像被屏蔽，需要翻q才能显示

  • 安装hexo

    1. 在git bash中使用命令： npm install -g hexo-cli
    2. 查看是否安装成功：hexo -v 在bash中command not found，但是在cmd中是可以的
      解决这个问题：使用管理员身份运行git bash

  • 使用hexo新建站点

    1. 新建目录githubBlog

    2. 使用命令：hexo init ./githubBlog 由于bash有问题，在cmd中执行；执行成功会显示INFO Start blogging with Hexo!

    3. 进入目录，执行命令：
      npm install或者sudo npm install

    4. 启动服务：hexo server
      会有提示信息：INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
      我们访问这个地址即可看到hexo为我们初始化的界面！

    5. 将代码上传到github站点
      首先要清空之前的上传：
        settings->delete repository
      在githubBlog目录下安装一个插件：
        npm i -save hexo-deployer-git
      在生成的文件_config.yml最后写入如下代码：

      deploy:
    type: git
    repo: https://github.com/RoyKun1/roykun1.github.io
    branch: master

      在目录下执行：
        hexo d -g
      进入隐藏目录：.deploy_git，声明github账号：由于我们已经在本地生成了密钥传至github，所以此时已经将代码传至，使用 https://roykun1.github.io 访问

    6. 新建文章
      使用命令： hexo new "我的第一篇博客" ，出现信息： INFO Created: D:\gitwork\githubBlog\source\_posts\我的第一篇博客.md

    7. 更换主题
      官方主题：https://hexo.io/themes/
      如果我们喜欢其他的主题比如：https://github.com/CodeDaraW/Hacker 将源码下载到本地直接放在themes目录下面；然后执行 hexo clean 清楚缓存；再使用 hexo d -g 上传部署即可

      • 注：可能需要等一会儿样式才会刷新出来，并不需要将themes进行add/commit
        我们可以使用next定义博客的风格样式：
        http://theme-next.iissnan.com/third-party-services.html

三、编写个人博客

使用命令：hexo new "title"即可创建文章，一般在source/_post文件夹下
头部包含时间、标签，可以修改
编辑好文章后使用hexo clean和hexo d -g提交即可

注：使用hexo命令，这里没有建立git的分支，所以不能使用git remote add和git push>

我们使用Typora拖进来的图片需要通过PicGo上传到github图床，由于hexo对站点的保护，

新建仓库将文件放在ImageUploads仓库下

  • 关于在github上修改文件

新建文件夹：点击create new file，输入文件名后 带上/，由于不能为空文件夹，可任意创建一个readme.md文件。

删除文件或文件夹：不能直接删除，使用：

git clone https://github.com/RoyKun1/ImageUploads.git将仓库克隆到本地

删除文件或文件夹，使用：

git rm --cached filename 本地又需要使用, 只是不希望这个文件被版本控制

git add *

git commit -m 'delete folder'

git push -u origin master

上传到远程仓库即可

四、自定义博客样式

  • 使用hexo+next自定义博客样式
  • 可以参考这篇设置说明
  • 如果你还想添加其他的样式，只需在百度搜索hexo+next，各种大神操作！
------ ���Ľ���------