首页 > 其他分享 >搭建个人博客-hexo+github详细完整步骤

搭建个人博客-hexo+github详细完整步骤

时间:2023-05-17 21:03:46浏览次数:40  
标签:Git hexo Hexo 博客 github 安装 搭建


自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-)

一、第一步:下载安装Git






1、Git下载地址

2、安装步骤




个人选择全选




选择第二个


然后一路默认

二、第二步:下载安装node.js

1、node.js下载地址




两个版本


    2、安装步骤:一路默认就行(安装路径根据自己需要更改)

三、第三步:安装hexo

1、利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash




在电脑任意位置右键


2、输入命令:npm install -g hexo



注意:-g是指全局安装hexo。


这里如果地址被“墙”,可以参考这篇文章的“安装Hexo”部分

四、第四步:初始化Hexo

1、创建文件夹(我的是在E盘创建的Hexo)



根据个人爱好创建博客文件夹


2、在Hexo文件下,右键运行Git Bash,输入命令:hexo init




(这里可能时间会长些,要耐心等待)





初始化成功后生成的一些列文件


3、在_config.yml,进行基础配置



基础配置


其中可以在这里浏览更多主题,然后在Hexo文件夹下 Git Bash

输入命令:git clone https://github.com/iissnan/hexo-theme-nextthemes/next(next为主题名字),来获得更多主题




获取主题next



下载成功(如果需要更改主题,请在_cofig.yml修改theme)


4、本地浏览博客

  分别输入 如下命令:

      hexo g

      hexo s

    这里有更多hexo常用命令




  在浏览器输入:localhost:4000 ,就可以进行访问,效果如下:




效果图


5、写文章

在E:\Hexo\source\_posts文件下,新建.md文件就可以写文章



新建.md文件


---

title: 我的博客

---




简单测试下



浏览效果


五、部署到Github上

1、申请Github账号,(注意别忘了进行账号邮箱验证)

2.new repository






然后点击



3、在_config.yml进行配置




(注意:要保存)


4、安装hexo-deployer-git自动部署发布工具

    npm install hexo-deployer-git  --save



(在Hexo文件夹下 Git Bash)


5、发布到Github

    输入如下命令:hexo clean && hexo g && hexo d




第一次发布需要验证github账号





发布完成





在仓库中我们也可以看到


6、测试访问

在浏览器输入:https://yanqiangmiffy.github.io/



大功告成


六、最后加上一些文章的传送门

1、史上最详细“截图”搭建Hexo博客并部署到Github

2、使用hexo+github搭建免费个人博客详细教程

3、如何搭建一个独立博客——简明Github Pages与Hexo教程

4、5分钟 搭建免费个人博客


标签:Git,hexo,Hexo,博客,github,安装,搭建
From: https://blog.51cto.com/u_16116809/6293715

相关文章

  • 搭建个人博客-hexo+github详细完整步骤
    自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 -_-)一、第一步:下载安装Git1、Git下载地址2、安装步骤个人选择全选选择......
  • 《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》的体验
    《Typora+PicGo+Github+jsDelivr+TinyPNG打造稳定快速、高效免费图床》前言我目前已完成Typora+PicGo图床配置以及PicGo上传失败的解决办法。不过看了EvanXu的这个图床后,发现还可以改进。原先我用的typora+PicGo+Gitter打造图床,而EvanXu的方法是用GItHub做仓库,用jsDelivr做C......
  • Github 新手够用指南
    https://zhuanlan.zhihu.com/p/372512096本文略长但详细,一篇解决你的问题。一、必备少量知识二、安装教程三、从github往下扒项目四、你的项目要上传一、必备少量知识——————人工分割线——————小秘密:Git和Github都是些什么?Git-->一个软件(下载安装即可......
  • 如何搭建一个vue项目
    一、nvm安装与使用1.1、nvm简介nvm全名node.jsversionmanagement,顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs1.2、nvm下载①github下载https://github.com/coreybutler/nvm-windows/releases②百度网盘下载链接:https://pan.baidu.com/s/1......
  • QT6 环境搭建和简单例子
    环境搭建$python-VPython3.9.16QT6需要Python3.7+以上版本。$python-mvenvenvqt6在这个命令中,参数-m表示执行模块的方式。它告诉Python解释器以模块的方式执行后面提供的参数。venv是一个Python模块,用于创建和管理虚拟环境。当你运行python-mv......
  • QT5 环境搭建和简单例子
    环境搭建$python-VPython3.9.16QT5需要Python3.7以上版本。$python-mvenvenvqt5在这个命令中,参数-m表示执行模块的方式。它告诉Python解释器以模块的方式执行后面提供的参数。venv是一个Python模块,用于创建和管理虚拟环境。当你运行python-mve......
  • python环境搭建,使用conda工具
    开发环境搭建安装miniConda:conda和miniConda和Anaconda的区别安装pycharm:pycharm创建项目并使用base环境作为开发环境pycharm的interpreter是什么安装jupyter:jupyter的快捷键conda的虚拟环境命令:condacreatecondaact......
  • Typora+PicGo+gitHub搭建自己的免费图床
    相信很多程序员都有记录笔记或写博客的习惯,而要说到好用的写作软件,非Typora莫属,虽然他现在已开始收费了,但大家还可以下载它的旧版,而且也不会强制你更新,但是使用它在编辑的时候,它的图片默认都是保存在本地相对路径。那么就有个问题,当我要把笔记复制到博客或者其他平台的时候,图片......
  • Centos7安装搭建FTP服务器(最简便方法)
    简介:vsftpd是“verysecureFTPdaemon”的缩写,安全性是它的一个最大的特点。vsftpd是一个UNIX类操作系统上运行的服务器的名字,它可以运行在诸如Linux、BSD、Solaris、HP-UNIX等系统上面,是一个完全免费的、开放源代码的ftp服务器软件,支持很多其他的FTP服务器所不支持的......
  • Windows Server 2012 域控搭建
     0x01准备1、设置固定ip地址  2、修改计算机名  3、立即重新启动 0x02安装AD1、管理--添加角色和功能2、添加角色和功能向导,直接点击下一步 3、添加角色和功能向导,基于角色或基于功能的安装,下一步。 4、从服务器池中选择服务器,下一步。 5、选择“ActiveDirecyoty域服......