Hexo搭建个人博客(github)

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


记录搭建个人博客的过程

1. 环境准备

本文使用Hexo+GitHub Page的方法搭建博客,下面是环境准备的步骤,包括nodejs的安装和git的安装(注:本教程仅适用于windows用户)

1.1 安装node.js

详情请参考这篇博客:
NVM的安装使用与配置(node, npm, yarn

1.2 安装git

为了把本地的网页上传到git上,需要在系统上下载git,详情参考:
Git 详细安装教程(详解 Git 安装过程的每一个步骤

2. 创建 Github Pages 仓库

GitHub 主页右上角加号 -> New repository:
Repository name 中输入 用户名.github.io
勾选 “Initialize this repository with a README”
Description 选填
Hexo搭建个人博客(github),others,github

3. 安装Hexo

新建一个文件夹用来存放 Hexo 的程序文件,如 MyBlog。打开该文件夹,右键 -> Git Bash Here

3.1 使用 npm 一键安装 Hexo 博客程序:

npm install -g hexo-cli

Mac 用户需要管理员权限(sudo),运行这条命令:

sudo npm install -g hexo-cli

3.2 Hexo 初始化和本地预览

输入hexo init来初始化博客
输入hexo install安装必备组件
输入hexo g生成静态网页
输入hexo s启动预览,然后在浏览器种打开localhost:4000,就可以看到自己的博客了看完之后记得回到 git bash,按下ctrl+c关闭本地服务器。

4. 将本地博客推送到github

目前新建的博客还只是在本地,需要推送到刚刚注册的github仓库中,才能在互联网上被浏览到。
首先在git bash中输入命令

 git config --global user.name "你的用户名"
 git config --global user.email "注册github用的邮箱" 

输入以下命令生成SSH key

ssh-keygen -t rsa -C "你的邮箱" 
cat ~/.ssh/id_rsa.pub

打开github,在头像下面点击settings,再点击SSH and GPG keys,New SSH key,名字随意,将刚刚复制的内容填入key框中,点击Add SSH key确认保存。 在git bash中输入ssh -T git@github.com,如果出现了“Hi,你的用户名! You’ve successfully……”就成功了

打开博客根目录下的配置文件_config.yml,修改与博客相关的各种信息。 修改最后一行的配置 :

deploy: 
  type: git 
  repository: https://github.com/你的用户名/你的用户名.github.io 
  branch: main

然后在博客根目录下右键打开git bash,输入npm i hexo-deployer-git安装扩展。 然后输入hexo new post “文章名”,新建一篇文章。 打开博客根目录下的source文件夹,再打开里面的_post文件夹,可以看到里面多了一个.md文件,这是使用markdown格式编写的文章,打开它,就可以愉快的使用markdown语言来写你的文章了,关于markdown语言,请点击这里学习相关语法,当然你也可以自行选择其他教程。写完文章之后,在git bash输入

hexo g 
hexo s

打开localhost:4000,在本地预览一下效果,觉得没问题了就输入 hexo d 推送到github
也可以跳过预览直接生成并推送到github
hexo g -d 或者 hexo d -g
推送完成后 ,打开你的用户名.github.io,就可以看到刚刚发布的文章了。

5. 美化博客

可以到参考各位大佬上传的Hexo主题,对照其说明文档进行个性化设计
Hexo搭建个人博客(github),others,github文章来源地址https://www.toymoban.com/news/detail-831643.html

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

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

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

相关文章

  • 手把手教你使用Hexo+GitHub搭建个人博客并发布文章(附常见问题解决方法)

    本教程使用GitHub自带的GitHub pages来生成静态个人博客,而Hexo可以更换各种好看的主题,而且都是免费的,花一点时间就可以打造出自己独有的个人博客。 Hexo这个有力的工具可以让我们专注于写出一篇博客而不需要关心如何编写html和CSS,再如何形成一个网站,它可以根据ma

    2024年02月04日
    浏览(63)
  • hexo + github 创建个人博客网站

    nodejs 和 npm git hexo 是一个静态博客生成网站,可以快速制作自己的博客网站并部署 安装hexo npm install hexo-cli -g 创建项目 hexo init 本地预览 hexo s 新建仓库 创建一个名为[用户名].github.io的仓库 下载自动部署插件 npm install hexo-deployer-git --save 修改hexo的配置文件 _config.yml 在deplay中添

    2024年02月05日
    浏览(72)
  • 构建个人博客_Obsidian_github.io_hexo

    很早就开始分享文档,以技术类的为主,一开始是 MSN,博客,随着平台的更替,后来又用了 CSDN,知乎,简书…… 再后来是 Obsidian,飞书,Notion,常常有以下困扰: 1.1 问题 各平台格式不同,审核规则不同,需要花很多时间上传多个平台,文档更新成本也高。 分类太简单,

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

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

    2024年02月13日
    浏览(56)
  • Hexo+Github搭建博客

    今天教大家搭建免费的个人博客,注意是 免费!免费!免费! 博客地址:https://1902756969.github.io/Hexo/ github地址:https://github.com/ 注册,注意是英文,因为是外链所以给大家推荐一款代理加速(不是翻墙)软件 FastGithub.UI:https://cloud.tsinghua.edu.cn/d/df482a15afb64dfeaff8/files/?p=%2Ffastgithu

    2024年02月01日
    浏览(47)
  • github+hexo 博客搭建

    环境:win11+wsl 打开终端安装以下软件 登录你的 GitHub 帐号,并创建一个新的仓库,仓库名是 username.github.io ,其中 username 是你的 GitHub 用户名。将该仓库设置为公开仓库。 设置ssh 创建一个新的文件夹,用于存储你的博客项目。 在终端中,进入该文件夹,并运行以下命令来初

    2024年02月10日
    浏览(52)
  • Hexo+Github博客搭建教程

    注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看,上来先喷一下!谢谢*[Math Processing Error]⊙o⊙*。 教程内容随意复制使用,引用的话请加一个参考链接,谢

    2024年01月16日
    浏览(51)
  • hexo&github 搭建博客(保姆级)

    安装 Hexo 相当简单,只需要先安装下列应用程序即可: Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本) Git 具备以上环境后我们安装hexo 配置系统环境变量 在选好的目录下运行 通过以上步骤,最简单的hexo网站就好了,可以直接访问http://localhost:4000/,来看h

    2024年02月05日
    浏览(78)
  • Hexo 搭建博客并推送GitHub

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

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

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

    2024年04月08日
    浏览(50)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包