搭建你的Frist网站


使用github+hexo搭建个人博客

1、Why使用github+hexo搭建个人博客

  • 简单便利

    自己手写网站博客耗时耗力,网站的发布需要租借腾讯云阿里云的服务器,创建个人的域名并绑定,等一系列操作方可发布。

    而本文所介绍的技术,简单明了,不用租服务器或创域名(懂得都懂,省钱实用)

  • 效果出众

    可以套用知名主题,主题渲染后总体效果出色,相较于个人纯手写网站简单实用

    (别问,问就是博主我手写过网站QAQ)

    博主的纯手写网站 一个贪吃蛇游戏,可以点开娱乐一下

    如图,手写要自己搭建并上传

  • 缺点

    图片的插入是本地路径,上传到博客网页上无法访问本地图片,图片丢失;

    需要搭建云存储图片,比如腾讯的OSS云存储,大平台安全但收费

    当然博主有简单实用且一劳永逸的方法,后续会写一个专栏介绍,本文就不罗嗦了

2、How搭建个人博客(手把手保姆教学)

第一步 github配置
  • 首先需要一个github账号 如果没有可以去注册一个

  • 注册或登陆后在右上角 + 号处新建一个仓库(New repository)

  • 注意 仓库名称应和你的github用户名相同 是你注册的那个不是昵称!比如说我的用户名是WangLight 我的仓库名就是WangLight .github.io

    同时选择Public 不然给谁看呢 我这里是仓库创建过了,所以提示已被创建,你们不会出现此状况

    如果你按照步骤来,那么我们的仓库就建好了

第二步 配置本地环境
  • 安装node.js 和 git

    linux可以直接命令安装

    sudo dnf install nodejs npm git

    windows可以去官网下载:node.jsgit 无脑下一步就完了

    苹果用户有钱人,就不需要玩这些了。自己百度去吧!(开玩笑,和linux一样就行)

  • 新建一个文件夹取名blog(博客)

    右键 Git Bash Here 我们以后的命令(神秘代码)都在这里运行

  • 连接github

    绑定邮箱账号(目的是使当前文件夹可以连接到github)

    git config --global user.name "GitHub 用户名"
    git config --global user.email "GitHub 邮箱"

    生成ssh密钥

    ssh-keygen -t rsa -C "GitHub 邮箱"

    进入用户名下的.ssh文件夹(windows:C:\Users\用户名.ssh)可能是隐藏文件,需要打开显示隐藏文件

    用记事本打开id_rsa.pub拷贝其中内容

    打开github的ssh设置 新建ssh密钥 (我已经细节到链接都给你们了)

    ​把 id_rsa.pub 内容粘贴到 Key 中 点击 Add SSH key 完成添加

  • 验证安装绑定成功与否

    ssh -T [email protected]

    successfully 即为成功

第三步 安装Hexo
  • 按照步骤输入

    npm config set registry http://registry.npmmirror.com
    npm install -g hexo-cli
  • 初始化 (按步骤输入 blog文件夹即会出现以下文件)

    hexo init 
    npm install
    npm install hexo-deployer-git --save

  • 打开 _config.yml 修改文件末尾:

    deploy:
      type: git
      repository: [email protected]:用户名/用户名.github.io.git
      branch: master

    这里我用的是master分支 所以将页面改为master 你们可能是main 保持一致即可

  • 生成测试页面

    hexo g      #生成页面
    hexo s      #本地预览

    浏览器打开http://localhost:4000 就可以看到hexo的初始界面了

  • 上传页面

    hexo d

    然后打开https://用户名.github.io就可以看到我们的博客了
    到这里就搭建完成了 这是hexo的默认主题。后续可能出主题修改美化教程
    当然可以百度,遇到不会的问题可以联系博主

3、我的博客编写

  • 如图所示,我的博客就是用Typora编写的Markdown文件

  • 如何上传博客文章

    在你的blog目录下的source文件夹再点开_posts文件,里面存储的就是你的博客文章

  • 光速发表博客 (在blog目录下 右键 Git Bash Here )

    hexo cl		#清除缓存
    hexo g		#生成
    hexo s		#不放心的可以本地查看预览文章 Ctrl C 结束运行 操作3可以不用
    hexo d		#最终上传你的博客文章

4、My first practice,bye

  • .md文件,也就是类似html的文件,语法简单半小时即可学会不用害怕
  • 推荐软件Typora,或VScode. 大家对Vscode较为熟悉,他也支持.md文件的编写和语法
  • 本文博客就是用的Typora编写,但配置文件都是使用Vscode修改的
  • 再见,有什么问题可以联系我,细节讨论
  • 我也很期待大家的第一个博客哦!!!!
  • bye!

文章作者: 王亮
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 王亮 !
  目录