手把手教你使用Hexo+GitHub搭建个人博客并发布文章(附常见问题解决方法)
简介本教程使用GitHub自带的GitHub pages来生成静态个人博客,而Hexo可以更换各种好看的主题,而且都是免费的,花一点时间就可以打造出自己独有的个人博客。 Hexo这个有力的工具可以让我们专注于写出一篇博客而不需要关心如何编写html和CSS,再如何形成一个网站,它可以根据markdown文档和指定的主题直接生成一个静态网站,对于新手朋友或者不是专门搞前端开发的人们非常友好。 还有一个优点就是GitHub pages生成的网站很稳定,就算自己的本地站点被删除,也完全不影响已经发布到GitHub仓库的文章,依旧可以访问查看。 接下来我们就开始动手搭建吧! 部署环境在最最开始,肯定要准备一个属于自己的GitHub账号。因篇幅有限,这里就不再赘述如何注册账号了,如果你还没有GitHub账号,可以自行搜索如何注册。不过记得要使用邮箱注册。 安装git和node.js要使用GitHub和Hexo,首先我们需要在本地安装git和node.js,因为Hexo基于node.js,再生成一个ssh密钥用于连接GitHub仓库以及本地文件夹。 git下载链接:Gitnode.js...
Hexo常用命令
hexo命令Hexo 是一个基于 Node.js 的静态网页生成器,常用于创建个人博客网站。以下是一些常用的 Hexo 命令: 生成静态文件1hexo generate 或 1hexo g 该命令在 Hexo 站点根目录下生成 public 文件夹。 清理生成的文件1hexo clean 该命令删除 public 文件夹。 启动本地服务器1hexo server 或 1hexo s 该命令启动本地服务器,默认地址为 http://localhost:4000/ 部署站点1hexo deploy 或 1hexo d 该命令在本地生成 .deploy_git 文件夹,并将编译后的文件上传至 GitHub。 新建文章1hexo new [layout] <title> 例如: 1hexo new post "my-first-blog" 该命令新建一篇文章,默认使用 post.md 布局。 要将 Hexo 升级到最新版本,您可以使用 npm 命令进行升级,并根据需要更新相关插件和主题。1.检查当前版本:在 Hexo 博客根目录下,运行以下命令以查看当前版...
你的文章标题
#grep -r “all.min.css” 名称 说明 CRC 循环冗余校验 Hexo 博客框架 test1 1test1 2This is Tab 1.This is Tab 2. 壁紙 收藏的一些壁紙 漫威 關於漫威的圖片 OH MY GIRL 關於OH MY GIRL的圖片 [{"url":"https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg","a...
个人主页
正文123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201...
test
Hi there, I’m YunYouJun(云游君). 👋 I am a learning master student from China, core team member of element-plus.I like open source and all interesting things and want to try to do it. I want to be an interesting person and create something that can be remembered by others. The one on the right is Xiao Yun(小云), she will speak for me in the virtual world. 🔭 I’m currently writing some amateur open source projects. 🌱 I’m currently learning Computer Graphics & FE & Drawing, and want to le...
hexo 的 md 文件中使用 html、css、javascript
有时候想写点前端小 demo,因为代码量实在是太少了,几行 css、几行 javascript;不想放在 codepen 作为引用,也不想单独做一个页面放到主题的 source 文件夹下,于是就有了在 md 文件里直接写的想法。 开始折腾直接插入 1234567891011121314# 正文<style>.styled-div{ width: 100px; height: 100px; background: yellow;}</style><div class="styled-div">我是div</div><script> (function(){ console.log('我是md是的javascript'); })();</script> 我是 divhtml 和 javascript 成功了,但是 style 没有成功……。 把 css 放到行内12# 正文<div style="width: 100...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment






