Skip to content

06 Inserir imaxes

Jump to bottom
i-rochiño edited this page Dec 11, 2016 · 3 revisions

Creamos unha carpeta que se chame imaxes/ e vai á altura de blog/ posts/ e o resto.

Engadimos aí as imaxes que imos ir metendo.

Para inserilas nun post concreto:

empregando Markdown cómpre teclear a url do blog e poñer o nome da carpeta onde vai. Un exemplo: o debuxiño capas.png está na carpeta imaxes/ e quero que se non se visualiza apareza o texto "Situación do sistema operativo".

Terei que engadir no post a liña de html:

![Situación do sistema operativo]({{http://irocho.github.io/}}/imaxes/capas.png)

ou ben en Markdown:

![unha imaxe aquí mismamente](/imaxes/logo.png)

Se quero que o texto flúa entre a imaxe valen calquera destas:

<img align="right" src="/imaxes/capas.png">
<img style="float: right;" src="/imaxes/capas.png">

Para que formen parte da plantilla:

p.e. as frechas maila casiña:

Modificar o ficheiro _layout/defaults.html para que quede:


<!DOCTYPE html>
<html>
	<head>
	<title>{{ page.title }}</title>
		<!-- link to main stylesheet -->
		<link rel="stylesheet" type="text/css" href="/css/main.css">
	</head>
	<body>
		<img src="/imaxes/logo.png" alt="" />
		<hr>
		<nav>
    		<ul>
        		<li><a href="irocho.wordpress.com">Páxina en wordpress de i-rochiño </a></li>
	        	<li><a href="https://medium.com/@irocho">Páxinas de idiomas</a></li>
        		<li><a href="/cv">CV</a></li>

    		</ul>
		</nav>
		<hr>
		<div class="container">
    	{{ content }}
		<br>
		<div align=center><!-- /.frechas -->
			{% if page.previous %}
  				<a href="{{  site.baseurl }}{{  page.previous.url }}">
							<img src="/imaxes/anterior.png" style="width:32px;height:32px;border:0;" alt="" />
						</a>
			{% endif %}
			&nbsp;&nbsp;
			<a href="http://irocho.github.io/blog">
					<img src="/imaxes/home-xxl.png" style="width:32px;height:32px;border:0;" alt="" />
			&nbsp;&nbsp;
			{% if page.next %}
			  <a href="{{  site.baseurl }}{{  page.next.url }}">
					<img src="/imaxes/seguinte.png" style="width:32px;height:32px;border:0;" alt="" />
				 </a>
			{% endif %}
		</div>
		</div><!-- /.container -->
		<footer>
			<ul>
					<li><a href="https://github.com/irocho/irocho.github.io/wiki">wiki</a></li>
        		<li><a href="https://github.com/irocho">github</a></li>
        		<li><a href="http://irocho.github.io/blog/atom.xml">Subscribirse con RSS</a></li>
        		<li><a href="/about">Quen somos</a></li>
			<li><a href="mailto:irocho.profe@gmail.com">correo electrónico</a></li>
			<li><a href="/blog">Blog de Sistemas Operativos</a></li>
			</ul>
		</footer>
	</body>
</html>

Seguimos en obras

i-rochiño

Clone this wiki locally