Hexo+Github搭建博客

这篇具有很好参考价值的文章主要介绍了Hexo+Github搭建博客。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天教大家搭建免费的个人博客,注意是免费!免费!免费!

一、博客展示

博客地址:https://1902756969.github.io/Hexo/

Hexo+Github搭建博客

二、注册、下载与安装

【1】github注册

github地址:https://github.com/

注册,注意是英文,因为是外链所以给大家推荐一款代理加速(不是翻墙)软件

FastGithub.UI:https://cloud.tsinghua.edu.cn/d/df482a15afb64dfeaff8/files/?p=%2Ffastgithub_win-x64.zip

Hexo+Github搭建博客

Hexo+Github搭建博客

【2】Typora下载

【下载地址】:https://www.typora.io/

链接:https://pan.baidu.com/s/1qNAbiNLgavwvvc08MCLJNA?pwd=0lvz
提取码:0lvz

【3】node安装

【下载地址】:https://nodejs.org/zh-cn/

【安装过程】:选择磁盘可以切换到其他盘,然后一直下一步就好了。

【4】git安装

【下载地址】:https://git-scm.com/download/win

上面三款软件安装建议不要默认路径

三、创建本地博客文件夹

hexo-cli安装

选择安装位置,打开cmd窗口

npm install hexo-cli -g

或

先安装cnpm,然后利用cnpm安装hexo-cli

npm install cnpm

cnpm install hexo-cli -g

初始化hexo项目

hexo init blog

项目启动

hexo三件套:

-清除静态资源

hexo clean

-构建生成的页面相关内容

hexo g

-项目启动

hexo s

四、添加主题以hexo-theme-fluid主题为例

在blog\themes目录下

有了FastGithub可以从github下载最新最好的资源

npm install --save hexo-theme-fluid

https://github.com/fluid-dev/hexo-theme-fluid/releases

也可以进去下载资源包放进blog\themes

修改blog/_conf.yml

找到theme,替换为对应下载主题名字(在themes下载下来的文件夹名)

theme: hexo-theme-fluid

修改为主题语言为中文

在blog目录下的_conf.yml,找到文件内容里的language替换为以下

language: zh-CN #指定语言,会影响主题显示的语言,按需修改

生成about页面

在blog路径下,执行指令(管理员cmd操作)

hexo new page about

创建成功后,去到blog\source\about\index.md,添加layout属性,以为为index.md里所有内容

title: about
date: 2021-10-01 14:53:12
layout: about

添加友链导航

在D:\hexo\blog\themes\hexo-theme-fluid \ __config.yml下找到这里

Hexo+Github搭建博客

links:
  enable: true
  banner_img: /img/bgaa.jpg
  banner_img_height: 60
  banner_mask_alpha: 0.3

  # 友链的成员项

  # Member item of page
    items:
    - {
      title: "啊星的CSDN",
      intro: "CSDN",
      link: "链接地址",
      avatar: "/img/csdn.png"
    }
    - {
      title: "啊星的码云",
      intro: " Git 仓库",
      link: "链接地址",
      avatar: "/img/mayun.png"
    }

其他的背景图头像什么的都在这个文件里面。可以自己修改

.md文件博客上传

可以直接在blog目录下,执行以下指令生成.md,再进行对该.md进行完善内容。

hexo new “我的博客”

这时候就生成在blog\source \ _posts

注意:所有的文章都在blog\source \ _posts

在.md文件里面加入

title: Hello World 
date: 2021-01-01 15:30:03
tags: Hello World 

宠物插件

npm install –save hexo-helper-live2d

cnpm install –save hexo-helper-live2d

1、cnpm install –save hexo-helper-live2d
2、live2d插件
3、安装合适的宠物cnpm install live2d-widget-model-chitose
4、在博客_config.yml配置文件中(不是themes里的)添加即可

本地博客创建完成了!

我们要上传到github

五、创建github仓库

看图操作

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lKtnQAgn-1652789207351)(https://s2.loli.net/2022/05/17/IC6nPfMVSwGhOKN.png)]

Hexo+Github搭建博客

创建ok后进入账号设置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SIJN7Wqq-1652789207351)(…/AppData/Roaming/Typora/typora-user-images/image-20220517195902871.png)]

设置密钥

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LlWxjMwn-1652789207352)(…/AppData/Roaming/Typora/typora-user-images/image-20220517195953685.png)]

创建新的密钥

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O4D46n7O-1652789207352)(…/AppData/Roaming/Typora/typora-user-images/image-20220517200051582.png)]

找到本地C:\Users\admin \ .ssh\id_rsa.pub上的密钥复制过去

提交搭建的博客到Github上,正式完成!

在blog \ _ config.yml

deploy:
type: github
repo:
branch: master
live2d: https://1902756969.github.io/Hexo/
enable: true

安装git上传助手(如果有git设置过有帐号密码,就去先对git进行操作)

npm install hexo-deployer-git –save

cnpm install hexo-deployer-git –save

完成后,输入

hexo d

git的操作
查看配置信息:

 $ git config –list

修改用户名

git config –global user.name “xxxx(新的用户名)”

修改密码

git config –global user.password “xxxx(新的密码)”

修改邮箱

git config –global user.email “[xxxx@xxx.com](mailto:xxxx@xxx.com)(新的邮箱)”

清除掉缓存在git中的用户名和密码文章来源地址https://www.toymoban.com/news/detail-427274.html

git credential-manager uninstall

修改用户名

git config –global user.name “xxxx(新的用户名)”

修改密码

git config –global user.password “xxxx(新的密码)”

修改邮箱

git config –global user.email “[xxxx@xxx.com](mailto:xxxx@xxx.com)(新的邮箱)”

清除掉缓存在git中的用户名和密码

git credential-manager uninstall

到了这里,关于Hexo+Github搭建博客的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Hexo 搭建博客并推送GitHub

    浏览器访问: http://localhost:4000/ 1、首先要注册一个Github账号,新建一个name.github.io的仓库,也就是new repository。 因为博主之前创建好了现在就不能创建了。创建好后可以在你的仓库里新建一个index.html,里面可以随意输入几个字符,保存。 选择仓库的settings选项,在菜单栏找到

    2024年02月07日
    浏览(26)
  • Hexo+GithubPages免费搭建个人博客网站

    一、前言 二、Github配置 新建同名仓库 配置Pages 三、安装Hexo 四、配置hexo-deployer-git 五、访问 六、发布文章 七、安装主题 我之前开了好几年的云服务器了,实际上使用场景并不是很多,感觉有点浪费。前两个月都给关掉了,现在呢琢磨着弄一个免费的云服务搭建个人博客。

    2024年02月13日
    浏览(40)
  • 【Hexo + Github 搭建自己的专属博客】

    目录 一、前提环境配置 1. 安装Git和NodeJS 2. 安装Hexo 3. 加载主题 4. 修改主题配置 二、搭建博客 1. 将博客部署在GitHub上 2. 写文章并上传 3. 配置一些特效 三、最终成果 ​编辑 在 Windows 上使用 Git ,可以从 Git 官网直接 https://git-scm.com/downloads ,然后按默认选项安 装即可。安装完

    2024年04月08日
    浏览(37)
  • Hexo+Github+Netlify博客搭建教程

    ✅作者简介:大家好,我是Leo,热爱Java后端开发者,一个想要与大家共同进步的男人😉😉 🍎个人主页:Leo的博客 💞当前专栏: 博客系列 ✨特色专栏: MySQL学习 🥭本文内容:Hexo+Github+Netlify博客搭建教程 📚个人知识库: [Leo知识库]https://gaoziman.gitee.io/blogs/),欢迎大家访

    2024年02月08日
    浏览(46)
  • hexo+GitHub搭建个人博客前期安装部署

    安装Git ==================================================================== 什么是Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git也是你博客平台

    2024年04月22日
    浏览(56)
  • 博客搭建教程Github+Hexo+hexo-theme-matery主题

    前情提要 写这篇文的目的 记录自己搭建过程,便于以后快速复用 总结经验和自己踩的坑,给其他小伙伴一些参考(由于是搭建后写的,所以没有参考图片) 介绍 初步效果参考我的博客:hermia的个人博客 本博客基于Hexo框架,使用github托管 使用自定义域名: hermiablog.com hexo主题

    2024年02月19日
    浏览(45)
  • 【实操】基于 GitHub Pages + Hexo 搭建个人博客

    《开发工具系列》 相信很多学习技术的读者朋友们,都梦想能创建一个属于自己的个人博客。现在,这将不是梦想,下面跟着 Huazie 一起利用 GitHub Pages + Hexo 搭建一个属于自己的个人博客吧。 Node.js 官方下载地址 注意: Hexo 官方建议使用 Node.js 12.0 及以上版本 笔者本地下载的

    2024年01月19日
    浏览(61)
  • 超详细Hexo+Github Page搭建技术博客教程

    博客有第三方平台,也可以自建,比较早的有博客园、CSDN,近几年新兴的也比较多诸如:WordPress、segmentFault、简书、掘金、知乎专栏、Github Page 等等。 这次我要说的就是 Github Page + Hexo 搭建个人博客的方式!Github Page 是 Github 提供的一种免费的静态网页托管服务(所以想想免

    2023年04月27日
    浏览(40)
  • Hexo+GitHub搭建个人博客教程(2023最新版)

    1、node环境 首先,安装 nodejs, 因为Hexo是基于 Node.js 驱动的一款博客框架。 ⭐nodejs下载地址 2、git 环境 然后,安装git, 一个分布式版本控制系统,用于项目的版本控制管理,作者是 Linux 之父。 ⭐Git(官网) ⭐Git for Windows(仅windows安装包) ⭐CNPM Binaries Mirror [阿里镜像](速

    2024年02月06日
    浏览(53)
  • 基于Hexo在GitHub Pages上搭建博客的方法

    或许说这是本站从无到有搭建的记录更为准确。 本站?什么本站?总不能是CSDN吧?这里指的是我的个人博客网站 Karubon.moe ,这篇博客基于搭建这个网站时得到的经验教训编写。喜欢这篇博客的话不妨去我的网站看看呀。 在寒假的中期,百般聊赖之下,终于是打算拥有一个自

    2024年02月22日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包