wordpress点开文章显示空白,深圳seo优化,汕尾市住房和城建设局网站,建网站设计前言 之前我的博客没有绑自己的域名#xff0c;一直在github上放着#xff0c;访问起来比较麻烦#xff0c;前阵子在阿里云买了这个域名#xff0c;配置上之后#xff0c;就可以通过自己的域名访问了#xff0c;有些朋友问我这个博客怎么搭的#xff0c;用的什么主题一直在github上放着访问起来比较麻烦前阵子在阿里云买了这个域名配置上之后就可以通过自己的域名访问了有些朋友问我这个博客怎么搭的用的什么主题所以准备写一写博客的搭建过程以及主题的配置最后再说说域名的配置这些内容一篇文章写起来有些费时间打算分成三篇来写跟着文章来走一遍过场动手尝试搭建一个属于自己的Blog吧 万丈高楼平地起对于搭建Blog来说环境的部署就是这高楼的基石下面我们来看看怎么部署环境。
步骤总览
Git环境
如果您还没有注册GitHub先到这里 GitHub注册教程 看我之前的文章安装Git 点我下载 选择适合自己计算机环境的版本下载我这里是Windows环境下载后根据提示点next一步步安装即可。关于Git的更多使用技巧推荐看廖雪峰老师的Git教程 点我学习
Node环境
安装Node.js 点我下载 同样选择适合自己计算机系统的版本下载安装即可。更多Node.js教程 点我学习安装完毕后测试是否安装成功打开命令终端我这里是Windowswinr输入cmd进入终端键入命令node -v 或者直接输入node回车即可如果出现下图显示则说明node环境安装成功node中集成了npm包安装工具输入命令npm -v查看版本号如图
Hexo环境 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown或其他渲染引擎解析文章在几秒内即可利用靓丽的主题生成静态网页。点我了解更多 安装hexo-cli进入终端键入命令 cnpm i hexo-cli -g [其中 ‘cnpm’ 代替 npm安装速度更快 ‘i’ 表示install ‘-g’表示全局安装 (注意如果安装失败建议在管理者模式下安装)]初始化在本地合适的位置创建一个文件夹用作Blog环境比如我这里在D盘根目录下创建了一个myblog文件夹进入此目录按住 shift 键同时点击鼠标右键打开Powershell终端键入命令 hexo init 进行初始化进度可能很慢[蹲个厕所回来大概就OK了]耐心等待安装即可。出现下图表示安装成功完毕后发现空目录多出很多文件如下图这里的node_modules是项目依赖在初始化的时候已经下载下来了不用再 hexo i 了(有的教程写的hexo i 就是安装依赖的作用)。
测试本地运行
上述环境完成后我们就可以在本地预览blog了。很简单两行命令。
键入命令 hexo generate 生成静态文件可以简写为 hexo g 键入命令 hexo server 在本地运行 可以简写为 hexo s 出现下图则表示成功 打开浏览器地址栏键入 http://localhost:4000 即可进行预览效果如下
总结 经过以上操作我们已经在本地搭建好了blog项目并且在浏览器上预览成功下一篇将接着写怎么把本地blog部署到github上再换一个好看主题。
