zoukankan      html  css  js  c++  java
  • 利用hexo+github创建个人博客

    因为想拥有一个独属于自己的个人博客啊。

    安装部署hexo

    1. 进入一个安全的目录,cd ~/Desktop
    2. 在 GitHub 上新建一个空 repo,repo 名称是「你的GitHub用户名.github.io」
    3. 安装 Hexo $ npm install -g hexo-cli
    4. $ hexo init myBlog
    5. $ cd myBlog
    6. $ npm I
    7. $ hexo new 这时会看到一个 md 文件的路径
    8. $ vi _config.yml编辑网站配置
      * 把第 6 行的 title 改成你想要的名字
      * 把第 9 行的 author 改成你的名字
      * 把最后一行的 type 改成 type: git
      * 在最后一行后新增一行 repo: 仓库地址 (仓库地址应为「你的GitHub用户.github.io」对应的仓库地址,仓库地址以 git@github.com 开头)
      * ⚠️repo后面有个空格。
    9. $ npm install hexo-deployer-git —save安装 git 部署插件
    10. $ hexo deploy
    11. 进入「你的GitHub用户名.github.io」对应的 repo,打开GitHub Pages功能,如果已经打开了,直接点击即可预览链接博客

    添加新的博客

    1. $ hexo new 添加博客md,这时会出现一个路径,复制显示的路径,打开编辑
    2. $ hexo generate
    3. $ hexo deploy OK完成

    更换博客的主题

    1. 进入喜欢的主题的 GitHub 首页
    2. 复制它的 SSH 地址或 HTTPS 地址
    3. 根据md文件提示下载
    4. 将myBlo文件夹中中_config.yml的第 75 行改为 theme: 新下载的主题的文件夹名字
    5. $ hexo generate
    6. $ hexo deploy
    7. 一分钟博客页面即可

    上传博客源代码

    注意⚠️:「你的Github用户名.github.io」上保存的只是你的博客,并没有保存「生成博客的程序代码」,所以需要再创建一个名为 blog-generator 的空仓库,用来保存 myBlog 里面的「生成博客的程序代码」

    1. 在 GitHub 创建 blog-generator 空仓库
      avatar

    2. 按照截图中的命令执行即可,记住不要用 HTTPS 地址。

    3. 这样你的博客发布在了「你的Github用户名.github.io」而「生成博客的程序代码」发布在了 blog-generator。所有数据万无一失。

      • 以后每次 hexo deploy 完之后,博客就会更新;然后还要 add / commit /push 一下「生成博客的程序代码」,以防万一。
      • 这个 blog-generator 就是用来生成博客的程序,而「你的Github用户名.github.io」仓库就是你的博客页面。
  • 相关阅读:
    C#中的字符串处理
    c#复习
    git 取消对某个文件的跟踪
    react 脚手架 立即可以写业务 react + react-router-dom + less + axios + antd
    vue 脚手架 立即可以写业务 vue + vue-router + less + axios + elementUI + moment
    mac 在命令行 用webstorm打开文件
    React create-react-app Build fails after eject: Cannot find module '@babel/plugin-transform-react-jsx'
    微信小程序 canvas 文字自动换行
    微信小程序 canvas 文字居中
    微信小程序 canvas 绘制圆形状
  • 原文地址:https://www.cnblogs.com/nolaaaaa/p/9127776.html
Copyright © 2011-2022 走看看