gitee搭建个人博客教程

基础环境:

gitee账号、git、node.js、npm、Typora(需要版本高一点)

个人博客

创建仓库

  1. 创建账号同名的仓库

    获取账号名方式如下,去掉@号的部分。

    创建一个和你gitee账号同名的仓库,这样就可以用https://账号名.gitee.io/来访问。

填写仓库名称即可,但建议勾选上设置模板---->Readme文件。

创建成功。

  1. 申请gitee中的Gitee Pages服务

    开启Gitee Pages服务前需要先将上一步创建的仓库设置为开源。

    进入上一步创建的仓库中,开启Gitee Pages服务(一个支持Jekyll、Hugo、Hexo静态网站的服务)。

    开启成功。

配置PicGo

  1. 安装PicGo
    PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具。需要npm支持,未安装请自行百度安装。

    下载地址

    我这边下载的是腾讯云COS提供的下载资源,版本是2.3.1。下载后双击PicGo-Setup-2.3.1.exe,一路下一步就行。

  1. 下载gitee-uploader
    打开上一步安装好的PicGo,在插件设置中搜索gitee-uploader,并下载。

  1. 图床设置
  • repo
    存放图片的仓库,建议新建一个。需要是开源库。

  • branch
    repo中的需要使用资源的分支。一般为master。

  • token
    申请私人令牌,复制生成的令牌。

  • path
    存放图片的文件夹,可不填,不填就是在仓库根目录。我这边创建了一个images文件夹。

  • customPath
    提交图片时显示消息的格式,我这边选择默认。可以不填。

  • customUrl
    图片路径,可以不填。

最后点击确定就行。

设置Typora

没有安装Typora的自行下载安装。我这边使用的是1.4.8
菜单栏 文件---->偏好设置---->图像

集成Hexo

  1. 安装Hexo
    Hexo官方文档
    Hexo依赖node.js(npm)和Git,需要提前安装。未安装,可自行百度。
    已安装Node和Git的情况下,在node的node_modules(也就是你node下载资源的地方)下执行如下命令:

    npm install hexo-cli -g
    

安装完成后,将hexo所在的bin目录添加进Path环境变量。

  1. 使用hexo

    • 创建一个项目
    hexo init blog
    

    可以看见生成了blog目录。

  • 创建一遍博客

进入上一步创建的项目,创建一个博客。

cd blog
hexo new helloKiwi

打开 D:\develop\nodejs\node_modules\blog\source_posts\helloKiwi.md并编写博文。

  1. 安装hexo-deployer-git

    npm install --save hexo-deployer-git
    

  1. 发布应用
    发布之前需要修改相关blog_config.yml相关配置。

    author: kiwi
    # https://你自己仓库的账号名.github.io/博客的仓库名
    url: https://xiaomaer-sss.gitee.io/xiaomaer-sss
    deploy:type: 'git'repo: git@gitee.com:xiaomaer-sss/xiaomaer-sss.gitbranch: master
    

    注意:repo需要使用ssh的克隆地址,设置ssh的方法参考我设置gitlib的ssh的流程。

  2. 刷新应用

    hexo clean && hexo g && hexo d
    

  3. 查看仓库文件

查看个人博客

更新Gitee Pages服务后访问https://xiaomaer-sss.gitee.io

至此,基于gitee搭建个人博客完毕。

欢迎大家访问我的个人博客,后续回不断的在个人博客中更新,敬请期待…

gitee搭建个人博客教程相关推荐

  1. win2012 r2 iis php,Win2012 R2 IIS8.5+PHP(FastCGI)+MySQL运行环境搭建wordpress博客教程

    运行环境搭建教程 一.环境说明: 操作系统:Windows Server2012 R2 PHP版本:php 5.5.8 MySQL版本:MySQL5.6.15 二.相关软件下载: 1.PHP下载地址: ...

  2. 使用Hexo免费搭建个人博客教程

    前言 现在各种互联网博客非常的,常见的如CSDN.简书.掘金.博客园等平台,这些博客平台做的都很好,可以直接在上面注册自己的账号写文章,发表的文章在百度.Bing等搜索引擎上也能收到,但缺点是受于平台 ...

  3. 2012 iis php mysql_Win2012 R2 IIS8.5+PHP(FastCGI)+MySQL运行环境搭建wordpress博客教程

    Win2012 R2 IIS8.5+PHP(FastCGI)+MySQL运行环境搭建教程 一.环境说明: 操作系统:Windows Server2012 R2 PHP版本:php 5.5.8 MySQ ...

  4. 最全面的github pages搭建个人博客教程

    作为一个程序员怎么能没有自己的个人博客呢,这里详细记录和分享我的博客搭建经验,让你轻轻松松拥有自己的博客网站.傻瓜式一站式教你用 github pages 来搭建博客,详细记录全过程,保证你能学会. ...

  5. Django搭建简易博客教程(四)-Models

    原文链接: http://www.jianshu.com/p/dbc4193b4f95 Django Model 每一个Django Model都继承自django.db.models.Model 在 ...

  6. hugo本地服务器不显示文章,Windows10本地搭建hugo博客教程 – 有点嫌弃我自己的家庭版系统...

    大鸟前面的文章说了如何下载安装Git,安装了肯定是有用的,我们暂时先放在那边,现在大鸟准备在本地的Windows10里面搭建hugo博客. Hugo是由Go语言实现的静态网站生成器.简单.易用.高效. ...

  7. GitHub搭建个人博客教程

    温馨小提示: GitHub搭建个人博客采用方式:GitHub Pages ,使用Jekyll模板 一.fork模板 到Jekyll官网fork一份自己喜欢的博客模板 http://jekyllthem ...

  8. Hexo+Gitee搭建个人博客 —— 零基础Gitee部署

    前言 个人标签: smm -ing Spring Boot -ing 乐于分享 技术交流: Github Gitee kris's blog 正在筹备中!点击预览 博客园 (筹备中) 给我写信 前期准 ...

  9. wordpress 快速搭建个人博客 教程 (一) 搭建lnmp

    首先 快速搭建 一个 lnmp 或者 lamp 环境 服务器建议使用云服务 如本教程将用到的 阿里云 web服务器 使用 Nginx 或者 Apache 都可以 本教程使用 Nginx 注意 Ngin ...

最新文章

  1. 告别深度学习炼丹术!谷歌大脑提出“权重无关”神经网络
  2. MSSQL2005 手工盲注详解
  3. xshell登录VMware虚拟机的初始设置
  4. TCP/IP五层参考模型及其对应设备--运维笔记
  5. 【运筹学】线性规划 人工变量法 ( 人工变量法案例 | 初始单纯形表 | 检验数计算 | 入基变量 | 出基变量 )
  6. Java设计模式(二十二):原型设计模式
  7. sql网站路径php,如何在源码中找出sql语句的位置呢
  8. apache 设置404 页面_SpringBoot自定义错误页面
  9. sqlserver快速查找所有存储过程中是否包含某字符
  10. 开头th_是什么文件_Python文件读写最详细的讲解
  11. echart 数据点可以加链接吗_地理可视化就这么简单、酷炫,蚂蚁金服AntV 空间数据可视化引擎 L72.0发布...
  12. php psot传值_三种方法教你如何用PHP模拟post提交数据
  13. Spark源码分析之Master资源调度算法原理
  14. Linux后门入侵检测工具 rkhunter 安装使用
  15. 关于var、let和const
  16. php 获取图片、swf的尺寸大小
  17. txt文本阅读器 html,TxT小说阅读器(TxTReader)
  18. 《The Django Book》笔记(未完结)
  19. 机器人编程按时巡线_一种智能巡线机器人以及控制方法与流程
  20. 如何避免软件行业的薪资天花板?

热门文章

  1. Vue之导出xlsx
  2. CTE递归 MAXRECURSION 遇到的问题
  3. SD卡无法识别怎么办?
  4. oracle监听_保存在,oracle 监听 lsnrctl 命令 (推荐)
  5. 教你台式机如何接双显示器
  6. 用正则表达式提取富文本内容(去除html,p,a等标签)
  7. 大数据基础篇~JavaSE第一章
  8. 生信分析过程中这些常见文件(fastq/bed/gtf/sam/bam/wig)的格式以及查看方式你都知道吗?
  9. 中国第一批程序员的“青春饭”已经恰完了,35+的程序员该何去何从?
  10. 二手苹果8多少钱_苹果期货一手多少钱