首页 > 其他分享 >利用Hexo和Github Pages搭建自己的博客(1)

利用Hexo和Github Pages搭建自己的博客(1)

时间:2024-08-27 16:22:43浏览次数:13  
标签:npm Github Hexo hexo 博客 git ssh config Pages

前言

本文章会同步发表到博主自己的博客,所以如果在博主自己的博客里发现这个文章,请不要惊讶

1.准备工具

  • 一台Windows7以上的电脑
  • Node.js(建议lts版本)
  • Git
  • Hexo
  • 一个Github账号和邮箱
  • 代码编辑器(强烈建议vscode)
  • 一个名字为:username(这里为你的GitHub名称).github.io的仓库

2.安装Node.js和Git

请前去Node.js和Git安装包,如果发现Git下载慢可以用我分享的安装包,

提取码:hexo

安装完后用node -vgit -v检查node.js和git是否安装好。

3.更换node镜像源

由于npm的官方镜像源很慢,所以这里以华为云源为例,打开Git Bash,执行以下内容:

npm config set registry https://mirrors.huaweicloud.com/repository/npm/

4.安装Hexo

Git bash输入并执行以下代码:

npm install -g hexo-cli

安装完后输入hexo -v验证是否安装完成。

5.初始化hexo

在目标路径(我这里为【D:/Hexo-Blog】)用git bash输入以下命令,

hexo init hexo-blog

然后进入博客目录并安装依赖:

cd hexo-blog

npm i

目前你的hexo目录应该是以下这些:
【node_modules】:依赖包
【scaffolds】:生成文章的一些模板
【source】:用来存放你的文章
【themes】:主题
【.npmignore】:发布时忽略的文件(可忽略)
【_config.landscape.yml】:默认主题的配置文件
【config.yml】:博客的配置文件
【package.json】:项目名称、描述、版本、运行和开发等信息

然后输入hexo server或者hexo s并访问http://localhost:4000/来本地启动你的博客


如果看到以上图片的效果,说明你的博客已经构建成功了

6.配置git的ssh公钥

先配置一下用户名和邮箱:

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

然后生成ssh公钥:

ssh-keygen -t rsa -C "你的邮箱"

接着按三次回车,然后进入到用户根目录下的.ssh文件夹,然后打开id_rsa.pub并复制里面的内容,进入github,点击右上角头像(没有就注册一个) 选择settings,进入设置页后选择 SSH and GPG keys,名字随便起,公钥填到Key那一栏。

然后测试能不能连接到GitHub:

ssh -T [email protected]

如果出现连接到账户的信息,说明已经大功告成,自此配置ssh公钥工作完成。

把hexo部署到Github pages

首先安装hexo官方的hexo-deployer-git插件:

npm install hexo-deployer-git --save

用vscode打开[BlogRoot]下的_config.yml并修改最底下的内容。

deploy:
  type: git
  repository: [email protected]:<username>/<username>.github.io.git
  branch: main

把这里的<username>改成你的GitHub名字即可。

然后运行如下命令,将代码部署到 GitHub,

hexo clean
hexo generate
hexo deploy

hexo clean:删除之前生成的文件,若如果未生成过静态文件,可忽略此命令。

hexo generate:生成静态文章,可以用hexo g缩写

hexo deploy:部署文章,可以用hexo d缩写

如果出现Deploy done,则说明部署完成了。

等待一分钟左右,访问<username>.github.io,我们就可以看到博客内容了。

最后,如果你感兴趣的话,也可以来博主的博客来看。

标签:npm,Github,Hexo,hexo,博客,git,ssh,config,Pages
From: https://blog.csdn.net/2301_79144270/article/details/141603212

相关文章

  • 自动化开发流程:使用 GitHub Actions 进行 CI/CD
    在现代软件开发过程中,持续集成(ContinuousIntegration,CI)和持续部署(ContinuousDeployment,CD)是确保高质量软件交付的关键组成部分。GitHubActions提供了一种简便的方式来实现CI/CD流程的自动化。本文将介绍如何设置和使用GitHubActions来自动化你的项目部署流程。......
  • Typora 上传到 Github 实现笔记同步管理
    首先在Github上new一个repository,我建的名称是md_notes然后在本地terminal中启动以下命令新建一个sshkey  ssh-keygen-o  生成的publickey就是我们需要的东西,接着再输入catC:\Users\ASUS/.ssh/id_rsa.pub就能获取到生成的密钥复制生成的密钥(两个......
  • 阿里云ECS搭建hexo记录(带踩坑)
    前言之前因为coding的便捷,把个人博客部署在codingpage上,最近收到来自coding官方的短信,表示coding静态网站已经升级了,旧版即将在5月30日下线。新版的coding与腾讯云合并,部署page需要收费,想着反正也是要花钱,不如多花点心思和时间上手一个云服务器,选择自己部署网站,于是选择了阿里云......
  • Github新项目出炉!!!
    Github项目地址(CF镜像站):https://proxy.x.aoo.ink/proxy/https://github.com/SunYuXuan2011/TXT_OpenERGihtub项目名字:TXT_OpenER导入库customtkinter:用于创建自定义的Tkinter界面,提供更美观和现代的控件。tkinter:Python自带的GUI库,用于创建基本的图形用户界面。ttk:......
  • 一台电脑配置两个Git账号(github和gitlab),不同仓库使用不同的git
    我们工作时一般都是使用gitlab,工作电脑也一般配置的git是连接gitlab的,那么当我们如果想用同一个电脑实现不同仓库根据自己的需要到底是推送代码到github还是gitlab,以及使用哪个账号,(比如如果想用工作电脑维护自己的github项目,但是怕后面被公司追究用工作电脑干私事,省点心力......
  • GitHub星标破万!Python学习教程(超详细),真的太强了!
    Python是一门初学者友好的编程语言,想要完全掌握它,你不必花上太多的时间和精力。Python的设计哲学之一就是简单易学,体现在两个方面:语法简洁明了:相对Ruby和Perl,它的语法特性不多不少,大多数都很简单直接,不玩儿玄学。切入点很多:Python可以让你可以做很多事情,科学计算和数据......
  • 在Github Pages 上发布自己的博客
    来自<cnblogs.com/GCSG01>应同学要求,写一篇博客来交如何在github上发布博客。(网上都这么多教程了我为什么还要写呢?)先看看我的网站吧!自己敲得代码Step.0注册账号,这一步不在阐述。Step.1登录github,如果上不去可以去镜像站,不过镜像站不能注册。Up:现在懒得放图了,有需要可......
  • Github搜索小tips
    在GitHub上进行有效搜索可以帮助您更快地找到所需的代码、项目和用户。以下是一些实用的GitHub搜索技巧:关键词搜索直接在搜索框中输入相关关键词,例如pythonwebframework。限定搜索范围使用in:name、in:description、in:readme等限定词来指定搜索范围。例如:in:names......
  • 人工智能 | 结对编程助手GithubCopilot
    简介GitHubCopilot是一款AI结对程序员,可帮助您更快、更少地编写代码。它从注释和代码中提取上下文,以立即建议单独的行和整个函数。GitHubCopilot由GitHub、OpenAI和Microsoft开发的生成式AI模型提供支持。它可作为VisualStudioCode、VisualStudio、Neovim和Jet......
  • GitHub Copilot Autofix 声称可识别并解决代码中的安全问题
    GitHub本周在其GitHub高级安全(GHAS)中推出了其Copilot自动修复高级AI代码扫描和修复产品。Copilot自动修复使用AI来查找代码中的漏洞,解释其重要性并提供代码建议来修复它们,GitHub首席安全官兼高级副总裁MikeHanley在公司博客上的文章中写道。“代码扫描工具检测......