资讯专栏INFORMATION COLUMN

hexo+github搭建个人博客

浠ラ箍 / 1103人阅读

摘要:环境下准备工作下载安装并安装,默认安装下载安装和本地搭建静态博客新建一个文件夹,如进入该文件夹,右键点击下载安装生成模板初始化该文件夹进入文件夹进入文件夹访问本地可以看到博客已经搭建成功将博客与关联在上创建名为的仓库,为自己的用户名。

windows环境下
准备工作

下载安装node.js并安装,默认安装npm

下载安装git和Git Bash

本地搭建hexo静态博客

新建一个文件夹,如myBlog

进入该文件夹,右键点击Git Bash Here

下载安装hexo:npm install hexo-cli -g

生成hexo模板:hexo init blog (初始化该文件夹)

进入blog文件夹:npm install

进入blog文件夹:hexo server(访问本地localhost:4000可以看到博客已经搭建成功)

将博客与github关联

在Github上创建名为xxx.github.io的仓库,xxx为自己github的用户名。

打开本地的myBlog的blog文件夹内的_config.yml配置文件,将其中的type设置为git

进入blog文件夹运行 npm install hexo-deployer-git --save

hexo generate

hexo deploy

进入xxx.github.io对应的 repo,打开 GitHub Pages 功能,如果已经打开了,就直接点击预览链接。也可打开浏览器,访问:https://qfstudy.github.io

编辑博客

hexo new 博客标题

编辑source_posts下对应的md文件

hexo generate

hexo deploy

这时打开博客就看到自己新编辑的博客

更新文章

在blog目录下执行:hexo new “我的第一篇文章”,会在source/_posts文件夹内生成一个.md文件。

编辑该文件(遵循Markdown规则)

修改起始字段

title 文章的标题

date 创建日期 (文件的创建日期 )

updated 修改日期 ( 文件的修改日期)

comments 是否开启评论 true

tags 标签

categories 分类

permalink url中的名字(文件名)

编写正文内容(MakeDown)

hexo clean 删除本地静态文件(Public目录),可不执行。

hexo g 生成本地静态文件(Public目录)

hexo deploy 将本地静态文件推送至github(hexo d)

上传源代码
注意(xxx.github.io)上保存的只是你的博客,并没有保存生成博客的程序代码,你需要再创建一个名为 blog-generator(可以随意命名) 的空仓库,用来保存 myBlog 里面的生成博客的程序代码。

以后每次 hexo deploy 完之后,博客就会更新;然后你还要要 git add /git commit /git push 一下上传生成博客的程序代码,以防万一。

更换主题

进入Hexo的官网主题专栏

github:https://github.com/hexojs/hex...

复制它的 SSH 地址或 HTTPS 地址,假设地址为 git@github.com:iissnan/hexo-theme-next.git

cd themes

git clone git@github.com:iissnan/hexo-theme-next.git

cd ..

将 _config.yml 的第 75 行改为 theme: hexo-theme-next,保存

hexo generate

hexo deploy

等一分钟,然后刷新你的博客页面,你会看到一个新的外观。如果不喜欢这个主题,就回到第 1 步,重选一个主题。

next主题配置

更改社交链接,在主题文件夹的_config.yml中修改

参考
https://github.com/limedroid/...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94269.html

相关文章

  • Hexo+GitHub 搭建个人博客(二):更改博客主题、上传源代码

    摘要:搭建个人博客二更改博客主题上传源代码本文简单介绍搭建博客。本文主要目的是对学习内容进行总结以及方便日后查阅。以后每次部署完一篇新的博文后,博客就会更新然后你还要要一下生成博客的程序代码,以防万一。 Hexo+GitHub 搭建个人博客(二):更改博客主题、上传源代码 showImg(https://segmentfault.com/img/bV5VBL?w=800&h=400); ...

    刘明 评论0 收藏0
  • 手把手教你使用Hexo + Github Pages搭建个人独立博客

    摘要:设置什么是本用于介绍托管在的项目,不过,由于他的空间免费稳定,用来做搭建一个博客再好不过了。你可以通过来访问你的个人主页。执行过程中可能需要让你输入账户的用户名及密码,按照提示操作即可。推荐使用腾讯公益。 系统环境配置 要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 安装Node.js 下载Node.js参考地址:安装Node.js 安装Git...

    刘福 评论0 收藏0
  • 使用hexo+github搭建免费个人博客详细教程

    摘要:如果实在不会安装可以去网上找教程。打开,跳转到刚刚创建的文件夹位置,运行命令然后会在你的文件夹中搭建好了环境配置配置修改一些你的博客名字描述作者等。基于我的个人经验,建议都开启开启标签页命令,在博客目录添加元数据开启分类页命令,在博 Windows环境下Git安装、配置SSH key、安装node.js npm、安装Hexo及配置、发布博客 前言 使用github pages服务搭建博客的...

    番茄西红柿 评论0 收藏0
  • 强大的hexo--如何利用hexo平台搭建个人博客

    摘要:前一阵子一直在想怎么捣鼓出自己的博客来,直到发现了是什么是一个开源的静态博客生成器用开发作者是台湾大学生同样是大学生,我和他的差距怎么这么大她是一个快速简洁且高效的博客框架。本人用的主题是然后对其进行定制,简直不能再棒。 前一阵子一直在想怎么捣鼓出自己的博客来,直到发现了hexo hexo是什么 Hexo是一个开源的静态博客生成器,用node.js开发,作者是台湾大学生tommy351...

    Ilikewhite 评论0 收藏0

发表评论

0条评论

浠ラ箍

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<