如果是部署到gitee,步骤也差不多。先创建一个博客发布仓库,命名没特殊要求。然后执行hexo deploy指令部署,接着点击仓库里的服务菜单找到Gitee Pages配置好就行。不过非会员版的gitee部署后要手动重新更新,有时候还会出现样式显示问题,唯一的优点就是比github访问速度快。搭建成功后,就可以通过https://用户名.github.io/或者https://用户名.gitee.io/来访问自己的网站了。
如何搭建自己的独立站和服务器?
搭建过程中有几个官方文档可以参考。hexo官方文档在https://hexo.io/zh-cn/docs/,next主题的官方文档在https://theme-next.org/docs/getting-started/,里面关于主题配置、第三方服务安装、插件配置等都有详细介绍。fontawesome图标网站是https://fontawesome.com/?from=io。如果想了解更多功能和配置,建议直接看官方文档,毕竟所有功能都是官方提供的。对于next主题来说,看文档可能比看别人的文章效果更好,当然如果不想慢慢看想直接实现某些效果,去百度搜搜也有不少文章可以参考。
用hexo加github或gitee之前要做几个准备工作:首先去百度官网下载安装nodejs,这个不难;其次要有个github或gitee的账号;最后还要安装git。这些东西都准备好了,后面搭建起来就顺风顺水了。虽然gitee和github都能用来部署,但两者还是有些区别的。gitee是国内的站点,网络稳定跑得快,但github有时候访问就不太稳定。另外项目更新部署后,github会自动重新部署更新,失败了还会发邮件提醒你,而gitee得自己去仓库里手动更新,除非你升级成会员。
如果你想搭建一个静态网站又不想花钱,可以考虑用hexo配合github或gitee来搞。不过这种方式需要你懂一点Markdown编辑语法,还要会配置hexo环境。如果你是技术人员,对github或gitee以及Markdown有些了解,那搭起来也就几天的事,网上这方面的教程也挺多的。我自己前段时间也试着搞了一个,对github和gitee还算熟悉,但hexo之前没怎么接触过,花了几天时间折腾了解了一下,下面分享下我的心得和大致流程。
在把站点部署到gitee或github之前,建议先在本地调试样式和添加文章,等一切都调好了再部署到线上。搭建hexo本地环境也不复杂,首先确认nodejs已经安装好,在命令行输入node -v看看有没有版本号出来。然后用npm install -g hexo安装hexo,接着用hexo init 目录名来初始化环境,看到Start blogging with Hexo!的提示就说明搞定了。最后进入初始化的目录运行hexo server,默认端口是4000,访问localhost:4000能正常显示页面就代表简单的静态网页搭建成功了。
关于服务器搭建,这个得看具体需求。windows系统服务器和linux系统的服务器搭建难度不一样,需要的软件和数据库也不同。具体还是看你用什么软件程序和有什么需求,有的要数据和应用分开部署,有的要做负载均衡,有的要解析域名等等,确实有点麻烦。最关键的还是要搞清楚你对服务器的需求到底是什么,需求明确了搭建起来才不会走弯路。
hexo官方提供了很多主题可以选,你只需要下载自己喜欢的主题放到themes目录下,然后修改根目录下的_config.yml配置文件,把theme设置成对应的主题名就能换主题了。初始化目录里的scaffolds是模板目录,source是核心源文件夹,所有文章和标签分类都通过这里发布,source/_post是放文章的地方,source/xxx是菜单页面。themes文件夹放各种主题,里面的{themeName}/_config.yml是主题配置文件,可以调样式和配置,而项目根目录的_config.yml是通用配置,像标题、分页、搜索、作者、发布地址这些都在里面改。
你问wampserver能不能搭建本地网站,其实你没必要装两个php环境。另外你自己搭建的那个是共享带宽,网络卡主要看线路情况,没那么牛掰能检测到别人用流量还是WiFi。域名解析需要时间生效,可以通过ping命令ping一下域名看看解析的IP地址对不对,这样就知道是不是解析的问题了。
我个人觉得landscape的排版和样式不太合口味,所以就选了next主题,足够简洁一目了然,这么多人选它还是有道理的。用next主题只要把主题目录下载到项目的themes下,再改一下_config.yml里的theme值就行。下载命令是git clone加github上的next主题地址,如果慢的话可以同步到gitee再下。以next为例,hexo的页面都是通过_config.yml和themes/next/_config.yml来配置的。
hexo的菜单栏可以通过hexo new page 菜单名这个命令来创建,也可以直接创建source/菜单名/index.md文件,然后在themes/next/_config.yml里添加menu配置。比如可以配置home对应首页,about对应关于页,tags对应标签页,categories对应分类页等等,每个后面还可以加图标。需要注意的是在fontawesome网站上搜到的图标不一定都能用,得去themes/next/source/lib/font-awesome/css/font-awesome.css文件里查一下有没有对应的样式,没有的话显示出来就是一个矩形。有些图标fontawesome有但css中没有,可能是因为版本不同,网上最新的fontawesome css是4.7.0的,但一些新版本的图标比如blog在旧版css里就找不到。
部署到github的流程挺简单的。先安装hexo git插件,命令是npm install hexo-deployer-git --save。然后在github上创建一个命名为username.github.io的页面仓库,注意这个命名规则。最后在项目目录命令行执行hexo deploy deploy指令就能部署到页面仓库了,如果没配好git会提示输入账号密码。每次有部署时github都会自动重新部署运行静态博客,失败了还会发邮件提醒,这点很方便。部署成功后访问那个地址就能看到你的博客页面了。