写点博客,主要是记录当时的操作、学习的知识点,不需要什么特别的功能。
最简单的方式,手写html,找个html网站模板,然后修改出一个.html模板,然后就是复制修改,结束。查看十分简单,直接浏览器打开index.html。只要保持整个目录结构不变,随便放,随便备份,随写随备随看。
index.html目录也类似这样
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>个人博客</title>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<link rel="stylesheet" type="text/css" href="style/css/media-queries.css" />
<link rel="stylesheet" type="text/css" href="style/js/player/mediaelementplayer.css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300italic,300,700,700italic|Open+Sans+Condensed:300,700' rel="stylesheet" type='text/css'>
<script type="text/javascript" src="style/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/retina.js"></script>
<script type="text/javascript" src="style/js/selectnav.js"></script>
<script type="text/javascript" src="style/js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="style/js/jquery.backstretch.min.js"></script>
<script type="text/javascript" src="style/js/mediaelement.min.js"></script>
<script type="text/javascript" src="style/js/mediaelementplayer.min.js"></script>
<script type="text/javascript" src="style/js/jquery.dcflickr.1.0.js"></script>
<script type="text/javascript" src="style/js/twitter.min.js"></script>
<script type="text/javascript">
$.backstretch("style/images/bg.jpg");
</script>
</head>
<body class="single">
<div class="scanlines"></div>
<!-- Begin Header -->
<div class="header-wrapper opacity">
<div class="header">
<!-- Begin Logo -->
<div class="logo">
<a href="index.html">
<img src="style/images/logo.png" alt="" />
</a>
</div>
<!-- End Logo -->
<!-- Begin Menu -->
<div id="menu-wrapper">
<div id="menu" class="menu">
<ul id="tiny">
<li class="active"><a href="index.html">博客</a> </li>
</ul>
</div>
</div>
<div class="clear"></div>
<!-- End Menu -->
</div>
</div>
<!-- End Header -->
<!-- Begin Wrapper -->
<div class="wrapper">
<!-- Begin Intro -->
<div class="intro">All my way : just do my work, for my love. </div>
<div class="intro">做我所做, 爱我所爱。 </div>
<!-- End Intro -->
<!-- Begin Main Image -->
<div class="main-image">
<div class="outer">
<span class="inset"><img src="style/images/start.jpg" alt="" /></span>
</div>
</div>
<!-- End Main Image -->
<!-- Begin Post -->
<div class="post format-image box" id="comments">
<h1 class="title"><a href="startblog.html">开篇(2018-05-27)</a></h1>
<p>博客开篇 某个时刻,突然想有个自己名字的域名,于是查询了一下,没有被注册,还有所优惠,就买下了这个域名五年时间。</p>
</div>
<!-- End Post -->
......
</div>
<!-- End Comment Wrapper -->
<div class="site-generator-wrapper">
<div class="site-generator">Copyright All rights reserved.</div>
</div>
<!-- End Footer -->
<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>
但是在写的时候,时常要边写边刷新边改写。
网上搜了,一大堆,都没有比较简便的。然后看到了halo,一看,还可以。
主要是运行起来简单, https://halo.run 下载一个halo.jar,
java -jar halo.jar运行,
127.0.0.1:8090查看,
127.0.0.1:8090/admin 管理。
就是这么简单。
剩下就是写博客操作了,这个大家都差不多。