github + hexo 小白超快搭建功能强大的个人博客网站(1)

简介: 如何快速搭建个人网站?


1. 一些必备软件


1.1 github 账户


如果没有到话,首先去github官网去注册一个账户(有的话,相信你懂这个网站,这部分你可以跳过)


image.png



按部就班地填写信息即可,用户名别乱起,以后改起来麻烦,后面还要拿用户名当域名,当然你们开心就好

image.png



接着创建Repository


登陆GitHub,点击右上角的 +号,选择New repository


image.png



Repository的名字格式是username.github.io,比如我的xiaoniuhululu.github.io 。其余先不弄,点击Create repository


image.png


下载git bash这个软件,装到win10电脑中,一路默认安装即可


在电脑中,创建一个目录 来保存这个项目


image.png


期间可能会问你 邮箱地址和用户名,密码 ,按照上面的提示执行命令,把相关信息换成自己的即可。


1.2 下载nodejs


去官网去下,同时配置一下,可以看我之前的一篇文章


2 按照Hexo


node 环境配置好后,直接执行


cnpm install -g hexo


cnpm 是因为我配置了阿里云的镜像


D:\GitBlog这个目录下,保证这个目录为空。然后初始化我们的网站,输入hexo init初始化文件夹,接着输入cnpm install安装必备的组件。


image.png




确保git部署,再执行一个命令


cnpm install hexo-deployer-git --save


输入hexo g生成静态网页,然后输入hexo s打开本地服务器,然后浏览器打开http://localhost:4000/,就可以看到我们的博客啦,效果如下:




这里贴一下常用的命令:


hexo g    //生成

hexo s    //启动服务预览

hexo d    //部署



hexo server //Hexo会监视文件变动并自动更新,无须重启服务器

hexo server -s //静态模式

hexo server -p 5000 //更改端口

hexo server -i 192.168.20.20 //自定义 IP

hexo clean //清除缓存


到官网的主题进行更换:hexo themes,找自己喜欢的
这块后面文章再讲,先跳过


3. 将hexo本地博客 推送到github 仓库里


拷贝仓库的地址


如果觉得文章对你有帮助,欢迎关注公众号:小牛呼噜噜

编辑配置文件
用vscode工具 打开 本地博客目录下的_config.ymlL:



把刚刚拷贝的仓库的地址粘贴到repository:



deploy:

 type: git

 repository: git@github.com:username/username.github.io.git

 branch: master


修改完配置文件,执行


hexo clean //清理静态文件

hexo g //生成静态文件

hexo d //部署



可以看到github的仓库已经变了


在浏览器中输入你的域名:


本篇文章先到这,后面会写如何写博客,自定义网站样式,怎么开通留言功能等等


本篇文章到这里就结束啦,很感谢你能看到最后

相关文章
|
8月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
311 3
|
8月前
|
自然语言处理 搜索推荐 开发者
GitHub Copilot Enterprise三大创新功能
【2月更文挑战第9天】GitHub Copilot Enterprise三大创新功能
154 4
GitHub Copilot Enterprise三大创新功能
|
8月前
|
程序员 SEO
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
232 2
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
|
4月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
5月前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
151 1
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
5月前
|
CDN
惊呆了、老铁。CSDN竟然有GitHub的加速功能????
这篇文章介绍了几种加速访问GitHub的方法,包括使用镜像网站、代理网站下载、利用CDN加速以及转入Gitee平台进行加速。作者建议,对于较大的项目推荐使用代理网站或Gitee下载,而对于较小的项目,使用CDN加速即可满足需求。
惊呆了、老铁。CSDN竟然有GitHub的加速功能????
|
4月前
|
消息中间件 Kafka Go
使用github.com/IBM/sarama 编写消费kafka的功能
使用github.com/IBM/sarama 编写消费kafka的功能
|
7月前
|
存储 前端开发 对象存储
基于jsDelivr+Github给网站如何换个漂亮的字体。
本文介绍了如何为博客自定义字体。首先,从免费字体网站(如100字体下载站)下载字体,然后使用在线工具(如fontformat.com)转换字体格式为eot, woff, woff2, svg和ttf。接着,将字体文件上传至GitHub仓库,利用jsDelivr+GitHub的CDN服务获取文件链接。最后,通过编写@font-face的CSS样式代码,将自定义字体应用到博客中。注意文件名避免使用中文,并确保所有浏览器兼容。
77 2
|
8月前
|
JavaScript 网络安全 开发工具
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
[保姆级-从0到1]利用hexo+github托管实现搭建个人博客
|
8月前
|
程序员 API Android开发
使用 VS Code + Github 搭建个人博客
搭建个人博客的方案
100 1