自适应网页模板建站,六安城市网地址在哪里,手机在线作图,一键生成ppt免费个人网站用处有很多#xff0c;可以写博客来记录学习过程中的各种事#xff0c;不管是新知识还是踩坑记录#xff0c;写完就丢在网站上#xff0c;方便日后复习#xff0c;也可以共享给他人#xff0c;让其他人避免踩雷。 当然也不仅限于技术性的文章#xff0c;生活中有… 个人网站用处有很多可以写博客来记录学习过程中的各种事不管是新知识还是踩坑记录写完就丢在网站上方便日后复习也可以共享给他人让其他人避免踩雷。 当然也不仅限于技术性的文章生活中有什么感想都可以记录在博客中记录一次出行、聊一聊美好的爱情统统不在话下。 个人感觉搭建个人网站还有一个不错的好处就是可以锻炼我们解决问题的能力博客搭建肯定不是一帆风顺会遇到各种各样的小问题有很多细节需要自己去打磨在打磨的过程中咱们解决问题的能力总会有提升。如果你觉得很麻烦也可以选择现有的技术交流平台写博客比如csdn、博客园等。但是我个人感觉使用这些平台相比起搭建个人网站就少了很多个性功能比较局限不像个人网站可拓展性很高比如可以加入外链播放器、天气挂件等等。 所以我还是推荐大家搭建一个属于自己的个人网站。 搭建博客需要的前提条件
GitHub/Gitee 账户安装 Git
1 购买域名 购买域名有几个网站可以在Godaddy上也可以在万网腾讯云等网站购买我是在万网上购买的一个.com的域名第一年就69元。 首先用支付宝登录万网点击查询自己想要注册的域名是否已经被注册 如果你需要的域名没有被注册点击加入清单再点击立即结算 先选择你要的年限再点击个人接着点击创建新的信息模板 填完下图信息点击 保存 即可 接下来先验证邮箱再实名认证然后打开万网给你发的邮件验证实名认证需要上传身份证此时模板还是未认证状态等认证通过勾选模板再勾选我已阅读点击立即购买即可完成。
2 安装 node.js 和 Hexo
2.1 安装 node.js 下载地址https://nodejs.org/en 如上图直接点击下载完成后双击安装安装直接默认 next 就好很简单需要改的也就是安装位置改一下我是在D盘新建了一个文件夹 nodejs安装在这个文件夹里。如果要看详细到每一步的话可以看一下这个文章node.js 安装详细步骤教程。 安装成功文件夹结构如下并在上面安装过程中已自动配置了环境变量和安装好了 npm 包也可以手动配置此时可以执行 node -v 和 npm -v 分别查看 node 和 npm 的版本号 因为在执行例如 npm install webpack -g 等命令全局安装的时候默认会将模块安装在 C:\Users\用户名\AppData\Roaming 路径下的npm和npm_cache中不方便管理且占用C盘空间如下图所示 所以这里配置自定义的全局模块安装目录在 node.js 安装目录下新建两个文件夹 node_global 和 node_cache然后在cmd命令下执行如下两个命令 执行成功。然后在环境变量 - 系统变量中新建一个变量名为 “NODE_PATH” 值为 “D:\Program Files\nodejs\node_global\node_modules”如下图 最后编辑用户变量里的Path将相应npm的路径改为D:\Program Files\nodejs\node_global如下 在 cmd 命令下执行 npm install webpack -g 温馨提示注意在建立两个文件夹 node_global 与 node_cache 时需要右键设置“属性”将用户具有完全属性的权限否则在 npm install webpack 时会报错。 然后 webpack 这个模块已经在我们设置默认的文件夹中了 2.2 安装 Hexo Hexo就是我们的个人博客网站的框架在安装之前我们要先在GitHub上创立一个仓库如下图 1. 下载 Hexo 接下来就是安装Hexo首先在D盘建立一个文件夹 Blog点开 Blog 文件夹y以管理员运行 CMD 终端也可以鼠标右键打开 Git Bash Here输入 npm 命令安装 Hexo安装完成后输入 hexo init 命令初始化博客然后输入 hexo g 静态部署这时网页已经部署完成输入 hexo s 命令可以查看
npm install -g hexo-cli
hexo init
hexo g
hexo s浏览器输入 http://localhost:4000 就可以打开新部署的网页 2. 将 Hexo 部署到 GitHub 现在回到我们的 Blog 文件夹用笔记本打开 _config.yml 文件如下图 下滑到文件底部填上如下内容 你的仓库地址就是下图这个 继续安装Git部署插件输入命令
npm install hexo-deployer-git --save然后分别输入以下三条命令
hexo clean # 清除缓存文件 db.json 和已生成的静态文件 public
hexo g # 生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d # 自动生成网站静态文件并部署到设定的仓库(hexo deploy 的缩写)完成以后打开浏览器输入 https://xxx.github.io 就可以打开你的网页了。
2.3 解析域名 第一步登录万网点击控制台在你已购买的域名后点击解析添加一条解析记录 那个IPV4地址可以通过ping得到具体方法是打开cmd输入下面命令
ping molimi.github. -4 # ping 你的GitHub的网址 第二步打开 Blog 文件夹里的 source 文件夹添加 CNAME 文件可以先创建一个 CNAME.txt 文件打开后写上你的域名不要加 www 否则每次访问都必须加 www但如果不带有 www以后访问的时候带不带 www 都可以访问保存后记得要重命名将 .txt 删除如下图 第三步回到 Blog 文件夹右键打开 Git Bash依次输入下面三条命令
hexo clean
hexo g
hexo d打开 GitHub看看CNAME文件是否已经在你的项目中 这样就完成啦这时候你就可以浏览器直接输入你的域名就会进入你搭建的网页啦 欢迎来访问个人网站https://qxienote.com/ 参考
Hexo官方文档https://hexo.io/zh-cn/docs/#%E5%AE%89%E8%A3%85-Hexo从零开始搭建个人博客https://zhuanlan.zhihu.com/p/102592286node.js 安装详细步骤教程https://blog.csdn.net/antma/article/details/86104068hexogithub搭建个人博客(超详细教程)https://blog.csdn.net/AinUser/article/details/77609180利用GiteeHexo搭建个人网站https://zhuanlan.zhihu.com/p/269420507
