您的位置:首页 > Web前端 > HTML

个人博客的部署

2017-05-13 20:22 148 查看
博客地址:www.yeshen.org

以前是用GITHUB-PAGE,自己手写了几行HTML JS CSS 然后就挂上去了,实际上写博客还是在CSDN上写,昨天买了一台腾讯云的Ubuntu服务器,自己动手部署了一下。

这篇博客主要是记录我这两天以来的操作,给自己做的备忘。

服务器

个人博客的话,可以选择最低配,根据流量来算费用。

流量费大约是0.8¥/G,服务器月租是45/月,买久一点能打半折。

算下来,两千可以用三年,还是挺好的。

阿里云

我同事也是用阿里云的,所以一开始是照他推荐的这个去买,部署完发现连不上外网,SSH能连上去,自己查了好久原因(PS:给阿里云打了几个电话,都是没人接。按照它的机器人问问题,被回答了一些奇奇怪怪的答案),发现

ifconfig 没有外网网卡

安全策略那里没有外网网卡

自己买了一下弹性IP弄上去也不行,第二天问同事,才知道我的网络选错了

经典网络 ( 而不能是专线网络)

退掉服务器重新下单的时候才发现唯一有经典网络的华东地区已经售罄了,其他都是默认选中了专线网络,心凉了大半。

腾讯云

算起来腾讯云是比阿里云便宜一点,付费网页用起来舒服一点,能发邮件问问题,回问题的速度也挺快的。

我买的是Ubuntu 16 64位的,一开始ssh root@IP的时候就一直报错,后来发现默认账号是ubuntu,要ssh ubuntu@IP

开源博客

我只用过hexoghost ,所以下面也只是对这两个的探索。

部署起来都很快

都是基于markdown语法

都是基于linux系统

都留了很多配置项

两个都是很多主题,界面都很漂亮。主题上,hexo支持多种渲染方式,例如ejs、swig、jade等。ghost支持的是hbs。后来才发现这些语言都和“Razor“很像。

Razor

允许您向网页中嵌入基于服务器的代码(Visual Basic 和 C#)的标记语法。 当网页被写入浏览器时,基于服务器的代码能够创建动态内容…

ghost比hexo的功能强大一点,可以做动态博客。

HEXO

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server


博客在:http://localhost:4000

ghost

sudo apt-get install docker.io
sudo docker pull ghost
docker run --name my-ghost -v /root/ghost:/var/lib/ghost -p 127.0.0.1:8090:2368 -dt ghost


博客在:http://127.0.0.1:8090

博客控制台:http://127.0.0.1:8090/ghost

我最后是用了ghost,用ngnix拦截了请求,反向代理到本地的127.0.0.1:8090。博客名称什么的都要区找一下配置文件,或者控制台之类的。

评论与统计

这两个都可以直接找第三方注册一个账号,然后拉一段html代码,放进主题里面就可以了

网易评论

<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script>
var cloudTieConfig = {
url: document.location.href,
sourceId: "",
productKey: "1fbeb623f67749dcb9de71f309f63eaf",
target: "cloud-tie-wrapper"
};
</script>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>


百度统计:

<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36dccb819c62eda950887599acc7592e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>


我猜原理应该都是在博客界面上跑一段js代码,网页地址做为KEY,把评论数据,访问量做为value,存进第三方的数据库。

好处就是我这边不用再折腾什么了,数据统计什么的自己要看也方便看点。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 博客