一、代码块
public class Student{public static void main(String[] args){System.out.println("Hello,World");}
}
二、操作命令
ps -ef |grep java
三、标题
这是一个标题
四、表格
ID 姓名 联系方式
1 feiy 15011186301
2 feifi 15026418738
五、图片
六、总结书写经验

1、利用默认编辑器编写,编写好博客之后修饰;

2、对需要修饰的部分,例如:标题,代码,命令,图片均使用<pre name="code"></pre>块包裹起来,然后

使用你想使用的任何样式都可以修饰,越好看越好,加圆角、边框,设背景,设置字体大小,设置字体等,在

默认情况下,<prename="code"style=""></pre>的内容不会被过滤,样式不会被冲掉(csdn在页面源码保存

时会过滤一些样式,如圆角)。所以可以加任何的样式,甚至可以加上你想执行的脚本,只要代码套在<pre

name="code"></pre>之间;

3、利用默认编辑器自带的源码工具,可以查看编写的代码,可以编辑,可以预览编辑的效果:

   

查看编辑效果:

   

4、对于图片,宽度一般默认是600px,对于尺寸稍大的图片压缩之后显得不清晰,这里也可以修改图片的长度,

建议截图时宽度尽量保持一致800px,这样就不会每个图片宽度显示不一样,给页面布局造成参差不齐,只需要

如下代码:

<pre name="code" style="max-width:800px;border-radius:4px;overflow:hidden;
margin:0;font-size:0"><img src="url" alt="" style="float:left;max-width:796px;border:2px solid #000;"/>
</pre>

5、修饰博客,是一门技术活,也是一门辛苦活,要花很多时间,建议大家在上班时间不要这么干。可以先保存

为草稿,晚上回家慢慢捣鼓,直男请绕行。

如何写出布局好看而且漂亮的博客相关推荐

  1. 类选择器和所作用的标签一起写为什么不起作用? - CSDN博客

    原文:类选择器和所作用的标签一起写为什么不起作用? - CSDN博客 HTML代码: css样式: 这不是将样式作用于circle类下的有current类的li标签吗?为什么不起作用? 原因: 选择器 ...

  2. C++ Qt 05:Qt布局管理器 - 荒 木 - 博客园

    C++ Qt 05:Qt布局管理器 - 荒 木 - 博客园 下面我们以一个例子来初步了解Qt的组件定位技术,比如我们想做一个登录窗口,像下图这样,应该怎么做呢? 这还不简单嘛,在窗体上拖两个QLabe ...

  3. 如何编写漂亮日志博客(原)

      一直以来都想把自己的博客风格与外观好好调整一下,让人有耳目一新的感觉,每当看到别人漂亮的博客,这种冲动更加强烈.终于利用一点时间学习了一下如何改变自己博客风格的方法.工具.注意事项,通过实践觉得还 ...

  4. 好看响应式Emlog博客主题模板

    模板介绍: 简约好看响应式Emlog博客主题模板 附安装教程破解版去授权 emlog轻量级破解版flyemlog模板,博客模板去授权,支持多作者创作,多端自适应自定义首页背景,后台自主添加广告更多功能 ...

  5. Dorea.js框架介绍:纯CSS写出优雅好看的时间线/时间轴(左右垂直展示)

    在准备搭建博客,准备写一个心情的功能模块,以时间线的形式展现出来(有的人称为时间轴),发现Layer的提供的时间线挺好看的.速递地址:layui.但不是很符合本人自己的心意,想要一种左右左右展示的风格 ...

  6. 十分钟教你搭建一个漂亮的博客(二--主题的修改)

    总体效果 框架的选择(butterfly) 前面我们搭建的博客,可以看见非常的单调,那如果我们想要让他变得漂亮,自然我们是不会自己去写代码的,我们通过网上比较成熟的框架,通过修改配置文件便可以得到漂亮 ...

  7. 一篇写的很好的XGBoost的博客(于简书转载)

    xgboost的原理没你想像的那么难 xgboost 已然火爆机器学习圈,相信不少朋友都使用过.要想彻底掌握xgboost,就必须搞懂其内部的模型原理.这样才能将各个参数对应到模型内部,进而理解参数的 ...

  8. wp博客写文章500错误_500多个博客文章教我如何撰写出色的文章

    wp博客写文章500错误 I've written a lot of blog posts. Somewhere north of 500 to be exact. All of them are t ...

  9. 手写数字识别实现课设cnsd博客_使用Tesseract轻松实现OCR字体识别

    本教程翻译自PyImageSearch英文原文 实现效果 今天的博客文章是安装和是用Tesseract library 进行OCR识别的两章系列中的第一部分. OCR可以自动对手写或者印刷字体进行类型 ...

  10. 开发记录_自学Python写爬虫程序爬取csdn个人博客信息

    每天刷开csdn的博客,看到一整个页面,其实对我而言,我只想看看访问量有没有上涨而已... 于是萌生了一个想法: 想写一个爬虫程序把csdn博客上边的访问量和评论数都爬下来. 打算通过网络各种搜集资料 ...

最新文章

  1. Android 应用 之路 天气预报(五)
  2. [PE格式分析] 3.IMAGE_NT_HEADER
  3. [题解]RQNOJ PID85 三个袋子
  4. aes加密字符串c++_springboot2.2.X手册:防抓包?快速实现API接口数据加密
  5. 干货分享|UI设计可临摹编辑的线框素材,还会觉得交互原型画得丑?
  6. 仅展示近三天的动态设置_微信朋友圈好友设置仅展示最近3天动态是对所有好友吗?还是针对某个人...
  7. 打字测试软件 tt,打字测试(TT)
  8. 设计模式之策略模式:鸭子模式
  9. 快读与快输(读入优化与输出优化、QIO优化)
  10. Chapter 20-APIs(应用程序编程接口)
  11. Excel数据导出图片
  12. java中通物流api详解
  13. 《华尔街》观后笔记7——阳光交易
  14. Chrome浏览器架构演变。
  15. 疫情已经结束,快递行业现状如何
  16. 算法入门经典例题3-2,例题3-3知识点
  17. 移动硬盘上安装操作系统
  18. fgets()和gets()函数的区别
  19. P2P穿透StunServer
  20. 前端小作业~大风车案例

热门文章

  1. 从0开发《工程测绘大师》小程序之6°带中央子午线计算篇(八)
  2. 实例讲解反向传播(简单易懂)
  3. abp框架 mysql_ABP框架使用Mysql数据库
  4. 共享文件夹加密专家_文件加密_公司如何防止员工内部泄密?
  5. 【Dart语言第1篇】基础学习
  6. 软考分类精讲-软件管理
  7. 35道常见的前端vue面试题
  8. comsol matlab script,comsol script
  9. Servlet容器与Web容器详解
  10. chrome控制台出现/null访问