——谈女生环境配置的辛酸历程:首先,我是一个善良的女生,非常尊重版权。链接都标有出处,感谢他们。其次,请允许我吐槽一下,我真的是电脑配置的菜鸟。在疯狂推翻和重置的过程中,我真的觉得自己的心被塞得满满的,真塞,超级塞。环境配置犹如苦瓜。你觉得它很苦,是的,它还是很苦,但你又忍不住说它对你的身体有好处,于是你默默地擦了擦眼泪。这篇文章,可能有点长,但我会尽量把步骤说清楚,标题也说清楚,需要跳过的可以略过,不介意的可以看看,顺便交流一下。最后建议在各个站点提问的小伙伴,提问的目的是为了寻求别人的帮助,同时也可以为后面遇到同样问题的小伙伴做一个引导。所以,如果你在别人回答问题之前自己解决了问题,请记得在你的问题下方回答你的解决方案,这样我会觉得你更帅!你只要说一句话,就已经解决了。小兄弟,要不要我跟你小树林约会?写作习惯:为了避免影响思路,我先总结一下正确的流程,然后再去填坑。愿意多踩几个坑的朋友,可以多折腾一下,有益无害,没有不坑的路,说不定你的坑填完之后,就是后来者的路,我们一定是善于铺路,哈哈哈,我自己也信了。已经踩坑的同志们不要着急,下面有说明。如果下面的解释不是您想要的,请不要担心。度娘和谷歌都比我好。我的一位技术总监曾经告诉我,如果环境中出现了无论如何都无法解决的问题,那么如果有必要,将环境重置为最简单的,然后逐步开始。开发目的:开发一个属于自己的个人网站。是的,坑我去了,你还能再走,哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈一样开发环境:电脑本地配置:Git+Node+Hexo在线资源配置:CloudPage:Github+Abaidealib先总结再划分。妈妈说,要时刻把握大方向。我们需要先在github上建立一个项目库来存放我们的个人网站,嗯,这个其实就是github帮我们代办的。githubpages帮助提供与您相关的链接。将hexo开发的本地项目部署到你github上的项目库中。接下来,访问githubpages配置的链接,最后查看你的项目。需要把githubpages提供的链接和自己的域名绑定在一起,才能访问到自己的域名。开发步骤:第一步是在github上创建一个仓库。请登录你的真爱github创建个人仓库。命名时,建议与自己的github账号名一致,例如:huooo.github.io。这里是坑1,创建完成后会先跳转到这个页面。你可以选择先创建一个README文件,这是github一直推荐的。它不是强制性的,它是可选的,这里不指定README文件。注意此时的浏览器url已经跳转到你在github下的仓库地址了。到这里第一步开发思路就完成了。接下来就是在githubpages下设置域名,也就是让你现在的url:http://www.github.com/Huooo/h...变成http://huooo.github.io第二步就是在github上部署个人域名。注意这里只是githubpages提供的访问github个人项目的域名。不是从阿里云购买的域名。你可以在Setting->Options->GithubPages中查看,你的站点已经发布到https://huooo.github.io。现在访问这个网站,你实际上可以看到你刚刚写的README文件的内容。这里有2号坑。第二部分开发思路已经完成,接下来就是使用hexo部署一个个人网站,实际页面。第三步,将hexo项目部署到仓库,并使http://huooo.github.io可以访问。其实思路清晰的同学已经知道这个hexo的部署是可以自己开发的,但是作为前端只是浅水区,暂时不能开发后端和操作数据库是,而hexo严格来说是静态页面开发网站而不是借用数据库,可以多了解下hexo的原理。配置SSHKey,使本地电脑可以连接到github。Git安装不做声明。首先查看Git命令行是否有sshkey>cd/.ssh//如果提示Nosuchfileordirectory,则sshkey没有配置>ssh-keygen-trsa-C"***@gmail.com"//该邮箱地址请使用您的github账号绑定的邮箱地址。然后会提示.ssh存放路径,直接回车;提醒你输入密码,可以输入也可以不输入,然后回车;确认密码,然后回车完成本地key配置*将SSHKey添加到github,首先在本地找到'.ssh/id_rsa.pub'文件,该文件在上一步的存放路径下,一般在C:/用户/用户名/.ssh/id_rsa.pub。然后进入github的个人设置:Setting->SSHandGPGkeys->NewSSHkey,将id_rsa.pub的内容复制到key中,点击AddSSHkey。查看配置是否成功,并配置账号和邮箱。打开Git命令行。>ssh-Tgit@github.com//如果是下图的响应,则配置成功>gitconfig--globaluser.name"Huooo"//配置github账号>gitconfig--globaluser.email"***@gmail.com"//配置email节点安装和绑定github的淘宝图片,无需声明。安装hexo环境。运行命令。先全局安装hexo>cnpminstall-ghexo-cli>cnpmhexo--save进入项目所在文件夹。>mkdirhuooo//先新建一个文件夹>hexoinithuooo//将这个文件夹初始化成一个hexo项目>cdhuooo//进入这个文件夹>cnpminstall//安装依赖>hexog//初始化huooo,生成public静态文件夹locally>hexos//启动huooo项目,在http://localhost:4000/会提示hexo正在运行,可以在浏览器中查看自己构建的hexo项目,在huooo_config.yml文件中修改hexo项目,完整填写Deployment部分。这里坑3.cmd命令,将修改后的配置重新部署到githubhuooo文件下。>cnpminstallhexo-deployer-git--save>hexoclean>hexog>hexod至此第三步完成。现在访问http://huooo.github.io就可以看到hexo模板页面了。目录结构现在可见。现在,你只需要将http://huooo.github.io绑定到阿里云域名www.cicihu.com即可。先给个人域名加上域名解析。首先登录阿里云->控制台->域名和网站->域名,OK,现在找到你的域名,点击分析。进入分析设置页面。添加两个解析。单击github项目中的创建新文件。OK,现在你需要创建一个CNAME文件,在CNAME文件中加入你的个人域名,注意写法,域名.域名后缀,不需要http://www.这个时候回到项目的Settings->Options->GithubPages查看,自定义域已经存在了。至此,个人网站的初始配置就完成了。至于美化和维护部分,还是要多研究hexo。填坑之路:这里坑1的命名规则在GithubHelp中有详细说明。查看User、Organization、Project页面由于我没有一次完成所有的配置,肯定有一个push到reset的过程,坑就在这里。如果一切都清除了,这里的命名仍然和第一个命名一样,我无法解释为什么,GithubPages只识别你的github帐户名来配置你的GithubPages域名来访问你的仓库。如果你第二次不按照github账号命名,那么你的项目将配置一个新的名字http://huooo.github.io/,是的,就是这么霸道,抗议无效.同时,我也用我朋友的账号进行测试。如果我在某人A的github上创建了一个huooo.github.io项目,那么这个项目的GithubPages设置默认为http://A.github.io/huooo.github。..,即使那个人根本没有构建A.github.io项目,GithubPages也会分配给每个人。所以,还是遵守吧,欢迎阅读原站文档,共同交流。说到这里,就不得不说说在segmentfault上提问的小伙伴了。问了之后,估计总算是出来了,然后说已经解决了,没了,没了,没了。我多么想打电话问问。坑2配置过几次。具体的问题我这里无法解释。一般的问题是在二次配置或者修改文件的时候,如果发现结果和预期的不一样,但是列出的思路是正确的,可能是浏览器缓存的原因。三号坑也在这里。请务必仔细阅读官方文档。Hexo官方文档中Deployment的配置还是很严格的,空格一定要正确。当时我还是有点代码强迫症,喜欢什么都左对齐,但是在部署hexo到github的时候,总是不成功。需要注意和解释的地方大部分都在上面说了,这里就不填坑了。贴子:感谢严振杰的配置文章。虽然他没有部署hexo,但是第一次配置我是跟着他的,所以后来第二次配置也有问题,才知道答案。还有强大的度娘和谷歌以及走过坑的小伙伴们。我一路跟着你,哈哈哈哈哈哈哈哈哈哈。尽管提供了所有路径。可以访问,但是因为最近还有项目要研究,http://www.cicihu.com还是访问默认模板,改版有自己的想法,个人网站不能马上美化和维护.请原谅我。不过看到本文需要开发个人网站的朋友可以继续开发,欢迎留下你的个人网站,爱分享的你一定是最美最帅的。对于我这个浅水小鱼来说,要学习和改正的地方还有很多。我可以接受所有的支持和所有的更正。请不吝赐教。Segmentfault的markdown写的真好,非常好。但是图片上传功能真的醉了,醉了。——好记性不如硬笔。
