githubpages和hexo搭建自己的博客(代码片段)

nymrli nymrli     2022-12-27     334

关键词:


title: Hello Hexo
date: 2018-08-30 21:14:27
tags: hexo
photo: https://avatars1.githubusercontent.com/u/31088082?s=400&u=7a99ff83916afb3f4c5312bd78a1be17fe0e34ed&v=4
---

电脑环境是Windows,安装好git后,所有搭建操作均在git bash内完成

1.需要安装git, node.js, npm

注:第一次安装Git会让配置user信息

$git config --global user.name "yourname"   #(yourname是git的用户名)
$git config --global user.email "youremail")

2.使用npm安装hexo: npm install -g hexo

3.创建hexo文件夹,并单击鼠标右键选择 Git bash:(我的创建路径是:E:hexo)

4.在刚刚打开的git bash命令框中操作:

$hexo init      #hexo 会自动创建网站所需要的文件
$npm install    #安装依赖包
$hexo generate  # 等价于hexo g
$hexo server    #现在可以用127.0.0.1:4000访问hexo默认的hello world界面,等价于hexo s

5.部署到github (https://github.com/),

  • 首先注册登录,然后创建页面仓库,Repository name 命名必须是 youname.github.io ,(youname 就是你注册时候用的name)
  • ssh-keygen -t rsa -C "email" #生成ssh密钥,按三次回车键,密码为空,这边会生成id_rsa和_rsa.pub文件,打开id_rsa.pub,复制全文添加到GitHub 的Add SSH key中。
  • 最后可以验证一下ssh -T [email protected],看出现的是不是Hi "Yourname"如果出现了你的github用户名,则成功了

6.下载Hexo主题

  • $git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia #下载hexo的yilia 模板到自己的文件目录下

  • 打开项目目录下的**_config.yml**文件,更改theme:yilia

    ▲注意: **_config.yml**文件中配置时:后面都要加空格,与:隔开

7.开启评论功能:使用gitment

$npm install gitment --save #安装gitment

然后在 https://github.com/settings/applications/new 进行注册,获取Client ID和Client Secret

打开themes/yilia目录下的_config.yml文件进行修改并保存:

技术分享图片

再次生成网站,提交网站:hexo d -g就可以输入网址:https://yourname.github.io打开你的博客了





使用hexo+githubpages搭建个人博客(代码片段)

一.前言  之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客。其实之前写博客还是追求于有... 查看详情

使用hexo和githubpages快速搭建个人博客(代码片段)

在编程路上,每天都在网上查看别人的博客,大牛的文章写得通俗易懂,同时博客网站也非常华丽。作为出入编程的一枚小白也想拥有这样一个自己的网站。那就立马去买一个域名了,在网上找教程来搭建。搭建的过程还算比较... 查看详情

hexo+githubpages搭建个人博客(代码片段)

由于希望通过配置个人博客逐步学习,之前有搭建过好几个,都因为长时间荒废,学习和记录目的都没有达到,这里重头开始记录。一是警醒自己,二是作为记录以便查阅。主要步骤:1.github个人代码仓库配置git配置设置user.name... 查看详情

使用githubpages和hexo生成个人博客网址

 正值本命年结束之际,我利用GithubPages和Hexo制作了属于自己的个人网站。https://wangqinghe95.github.io/目前网站还是采用默认的背景和主题,但是已经可以写文章并且上传了。因为主要学的是C/C++,所以前端的东西没接触过,大多... 查看详情

githubpages+hexo+node.js搭建属于自己的个人博客网站(代码片段)

      之前我写过一篇用Github实现个人主页的博客:https://www.cnblogs.com/tu-0718/p/8081288.html  后来看到某个大佬写的文章:【5分钟0元搭建个人独立博客网站】很详细且通俗易懂,跟着步骤来就行  所以不再过多... 查看详情

githubpages+hexo+node.js搭建属于自己的个人博客网站(代码片段)

      之前我写过一篇用Github实现个人主页的博客:https://www.cnblogs.com/tu-0718/p/8081288.html  后来看到某个大佬写的文章:【5分钟0元搭建个人独立博客网站】很详细且通俗易懂,跟着步骤来就行  所以不再过多... 查看详情

githubpages+hexo搭建个人博客网站-github风格-采坑记录(代码片段)

...添加文章7.使用分类和标签8.增加文章目录9.推送github使用githubpages+hexo搭建个人博客,网上很多教程,这里并不具体记录,只是记录下自己搭建过程中遇到的一些问题。1.本机安装nodejs省略2.github上创建仓库仓库名称格式必须为<... 查看详情

githubpages和hexo写自己的静态博客

1、githubpageshexo在github上新建一个干净的仓库,名字固定,用户名+github+io在GitHub上搜索hexotheme主题框架,或者在hexo官网的主题查看eg:http://notes.iissnan.com/ https://hexo.io/zh-cn/3、安装hexo,查看是否安装成功:hexo--version4、执行6、在b... 查看详情

github+hexo搭建自己的博客网站注意事项(避免read.me,cname文件的覆盖,手动改githubpage的域名)

详细的可以查看hexo博客的演示:https://saucxs.github.io/绑定域名可以查看:http://www.chengxinsong.cn可以查看在github上生成的静态文件(如果觉得可以请给颗星星):https://github.com/saucxs/saucxs.github.io.git 注意1:怎么避免.md文件被解析?H... 查看详情

如何搭建一个独立博客——简明githubpages与hexo教程(代码片段)

...://www.jianshu.com/p/05289a4bc8b2如何搭建一个独立博客——简明GithubPages与Hexo教程摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册、DNS设置、github和Hexo设置等过程,这是我写得最长的一篇教程。我想将我... 查看详情

hexo+githubpages搭建的个人博客

1.什么是Hexo,什么是NexT主题?Hexo是一个基于Node.js的静态站点生成框架,快速、简洁且高效。Hexo主要使用Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。NexT是其一个非常简洁优雅的主题。2.什么是Markdown?Markdow... 查看详情

使用hexo+githubpages来搭建免费的专属博客

使用Hexo+GithubPages来搭建免费的专属博客一、简介HexoHexo是一个开源的静态博客框架,基于node.js开发,作者是台湾大学生tommy351。Github如果是程序员肯定知道,Github是开源代码库以及版本控制系统。在GitHub,用户可以十... 查看详情

使用hexo+github搭建属于自己的博客(代码片段)

...ADME在建好的项目右侧有个settings按钮,点击它,向下拉到GitHubPages,你会看到那边有个网址, 查看详情

如何搭建一个独立博客——简明githubpages与hexo教程(代码片段)

...://www.jianshu.com/p/05289a4bc8b2如何搭建一个独立博客——简明GithubPages与Hexo教程摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册、DNS设置、github和Hexo设置等过程,这是我写得最长的一篇教程。我想将我... 查看详情

使用hexo,materialtheme以及githubpages搭建个人博客(代码片段)

title:使用Hexo,MaterialTheme以及GithubPages搭建个人博客date:2019-04-2900:05:50tags:其他---准备条件Node.jsnpmGitGitHub账号开始搭建hexoinitBlogcdBlognpminstallhexo-deployer-git--savenpminstallhexo-materialcpnode_modules/hexo 查看详情

让搭建在githubpages上的hexo博客可以被google搜索到(代码片段)

title:让搭建在GithubPages上的Hexo博客可以被Google搜索到date:2019-05-3023:35:44tags:配置---准备工作搭建好的博客npm&hexo版本合适Google服务可用本地配置运行:npminstallhexo-generator-sitemap--save,这样每次使用hexog都会生成sitemap.xmlGoogleSearch... 查看详情

使用hexo搭建github博客(2018年mac版)(代码片段)

...用下述两篇优质教程:【2018更新】小白独立搭建博客—GithubPages和Hexo简明教程-Ryane的个人页面-开源中国GitHub+Hexo搭建个人网站详细教程※为了更优质的排版视觉效果,欢迎移步到简书浏览:使用Hexo搭建GitHub博客(2018年Mac版 查看详情

hexo+gitee搭建备份恢复多终端(代码片段)

...用GitHub而选择了码云,一是我有自己的VPS不需要使用 GitHubPages,所以本文也没有关于如何使用GitHubPages的教程;二是Gi 查看详情