Slog62_项目上线之ArthurSlog个人网站上线1

news/2024/4/27 14:19:14/文章来源:https://blog.csdn.net/weixin_34174105/article/details/88749774

ArthurSlog
SLog-62
Year·1
Guangzhou·China
September 9th 2018

GitHub
NPM Package Page
ArthurSlog Page
掘金主页
简书主页
segmentfault

ArthurSlog个人网站上线了～

开发环境MacOS(High Sierra 10.13.5)

需要的信息和信息源：

开始编码

继之前的域名购买、服务器购买、域名解析、域名备案完成之后，现在把第一版的网站正式上线
网站地址 www.arthurslog.com
第一版网站，以最少的代码实现：

网站标题是“个人技术分享”
背景图一张
底部根据管局要求，附上了备案号并链接至管局
前端布局使用到了 calc方法
后端使用 koa框架 + koa-static 实现了一个简单的web服务器

前后端所有代码已经上传至 v1.0.0Github
当前的文件结构：

ArthurSlog

|
|-- index.html-- index.js-- style.css-- background.jpg-- node_modules-- package.json-- package-lock.json--README.md

当前的前端代码index.html、style.css如下：

index.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>ArthurSlog</title><link rel="stylesheet" type="text/css" href="style.css" ></head><body><p>个人技术分享</p><footer><a href="http://www.miitbeian.gov.cn">粤ICP备18088522号-1</a></footer></body>
</html>

style.css

body{ background-image:url('background.jpg');background-repeat:no-repeat;background-position:50% -10%;
}p{font-size: 48px;position: relative;left: calc(50% - 144px);
}footer {font-size: .8rem;position: absolute;bottom: 10px;left: calc(50% - 80px);
}

后端服务器代码index.js如下：

index.js

const serve = require('koa-static');
const Koa = require('koa');
const app = new Koa();// $ GET /package.json
app.use(serve('.'));app.listen(80);console.log('listening on port 80');

配置文件 package.json如下：

package.json

{"name": "nodeserver","version": "1.0.0","description": "","main": "index.js","dependencies": {"koa": "^2.5.2","koa-static": "^5.0.0"},"devDependencies": {},"scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"repository": {"type": "git","url": "git+https://github.com/BlessedChild/ArthurSlog.com.git"},"author": "","license": "ISC","bugs": {"url": "https://github.com/BlessedChild/ArthurSlog.com/issues"},"homepage": "https://github.com/BlessedChild/ArthurSlog.com#readme"
}